From 366a0a18fe8e97e055816b88875f1d3e05402790 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 16 Apr 2020 23:45:31 +0200
Subject: [PATCH] Improve mobile view

---
 src/main.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/main.scss b/src/main.scss
index bc36556..8f45ffe 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -256,6 +256,10 @@ h1, h2, h3, h4, h5, h6 {
     justify-content: space-between;
     margin-bottom: 4em;
 
+    @media screen and (max-width: $tablet) {
+      margin-bottom: 0;
+    }
+
     .column{
       width: 48%;
       flex-grow: 0;
@@ -264,6 +268,18 @@ h1, h2, h3, h4, h5, h6 {
     }
   }
 
+  .columns.feature .column,
+  .columns.feature-shoutouts .column {
+    @media screen and (max-width: $tablet) {
+      width: 80% !important;
+      margin: 0 auto;
+    }
+
+    @media screen and (max-width: #{$tablet - 300px}) {
+      width: 100% !important;
+    }
+  }
+
   .column.theimage {
     text-align: center;