From ca24f6bd479b1d800fcb3a969895e84405bf1cd2 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 20 Mar 2018 14:21:15 +0100
Subject: [PATCH] new front page guide layout

---
 _src/_includes/sections/section-guides.html | 26 ++++++++++++---------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/_src/_includes/sections/section-guides.html b/_src/_includes/sections/section-guides.html
index 56838aa..a667391 100644
--- a/_src/_includes/sections/section-guides.html
+++ b/_src/_includes/sections/section-guides.html
@@ -6,19 +6,23 @@
         </header>
     </div>
 
-    <div class="row">
-        {% assign guides = site.guides | sort: 'order' %}
-        {% for guide in guides limit: 3 %}
-            <article class="guide">
-                <a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
-                    <h1 class="guide__title">{{ guide.title }}</h1>
-                    <p class="guide__tagline">{{ guide.tagline }}</p>
-                </a>
-            </article>
-        {% endfor %}
+    <div class="row row--wide">
+        <div class="grid grid--full grid-small--half grid--gutters">
+            {% assign guides = site.guides | sort: 'order' %}
+            {% for guide in guides limit: 4 %}
+                <div class="grid__col">
+                    <article class="guide">
+                        <a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
+                            <h1 class="guide__title">{{ guide.title }}</h1>
+                            <p class="guide__tagline">{{ guide.tagline }}</p>
+                        </a>
+                    </article>
+                </div>
+            {% endfor %}
+        </div>
     </div>
 
     <div class="row text-center">
-        <a class="btn btn-secondary" href="/guides/">All guides</a>
+        <a class="btn btn-secondary" href="/guides/">All chapters</a>
     </div>
 </section>