From c1db40092549fab9d492bb7ca6f6d127cacf116f Mon Sep 17 00:00:00 2001
From: antil0pa <antilopa@disroot.org>
Date: Mon, 20 Jan 2020 08:18:47 +0100
Subject: [PATCH] adjusted index view to 4 coloumns

---
 themes/grav-theme-howto/css/media-queries.css |  4 ++++
 themes/grav-theme-howto/css/style.css         | 17 +++++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index a6c7a6ef..cffd59c1 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -104,6 +104,10 @@
       clear: both;
    }
 
+   #flex .columns {
+     height: auto;
+   }
+
 }
 
 @media (max-width: 900px) and (min-width:601px) {
diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index ea426b90..c833dbb4 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -74,20 +74,25 @@ a:hover {
 }
 
 #flex {
-  display: flex;
+  width: 80vw;
+/*  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content: space-evenly;
+  justify-content: space-evenly;*/
+}
+
+#flex .columns {
+  height: 600px;
 }
 
 #flex .three {
-  margin-left: 30px;
-  margin-right: 30px;
+  padding-left: 30px;
+  padding-right: 30px;
 }
 
-#flex h2 {
+/*#flex h2 {
   text-align: center;
-}
+}*/
 
 .padding {
     padding: 3rem 1rem;