From 895a933a02774edd085f5b8a9d259ab54abdf7e4 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 6 Apr 2018 14:19:40 +0200
Subject: [PATCH] nicer mobile features layout

---
 _src/_assets/styles/_page-front.scss | 6 +++++-
 _src/index.html                      | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/_src/_assets/styles/_page-front.scss b/_src/_assets/styles/_page-front.scss
index cc9c8c2..240f126 100644
--- a/_src/_assets/styles/_page-front.scss
+++ b/_src/_assets/styles/_page-front.scss
@@ -29,11 +29,15 @@
     margin-top: $spacer;
 
     h3 {
-        @extend .h5;
+        @extend .h6;
         display: block;
         margin-bottom: 0;
         margin-top: 0;
         hyphens: auto;
+
+        @media ($screen-sm) {
+            font-size: $font-size-h5;
+        }
     }
 
     sub {
diff --git a/_src/index.html b/_src/index.html
index f538fd9..3982cbf 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -40,7 +40,7 @@ intro:
     </div>
 
     <div class="row row--wide">
-        <div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
+        <div class="section-intro__main grid grid--half grid-small--fit grid--gutters">
             {% for feature in page.intro.keyfeatures %}
             <div class="grid__col">
                 <svg class="icon">