From a21f68b03ac6750b122b9ce8f6a4621dac2051a1 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sat, 20 Oct 2018 20:42:20 +0200
Subject: [PATCH] frontpage styles - seems to work

---
 static/css/frontstyles.css  | 89 +++++--------------------------------
 static/css/rowsandall2.css  | 13 ++++--
 templates/newbasefront.html |  2 +-
 3 files changed, 21 insertions(+), 83 deletions(-)

diff --git a/static/css/frontstyles.css b/static/css/frontstyles.css
index 0305681c..fb02b7db 100644
--- a/static/css/frontstyles.css
+++ b/static/css/frontstyles.css
@@ -457,16 +457,18 @@
 
 .wrapper {
   display: grid;
-/*  grid-gap: 2px; */
+  /*  grid-gap: 2px; */
   grid-template-areas:
   "header"
       "user"
       "nav"
-   "content"
-   "footer";
+      "content"
+      "footer";
 }
 
 .main-content {
+    display: grid;
+    grid-gap: 10px;
     list-style: none;
     margin: 0;
 }
@@ -495,10 +497,6 @@
 }
 
 
-.maxheight {
-    max-height: 300px;
-    overflow: scroll;
-}
 
 .main-content li.grid_4 {
     grid-column-end: span 1;
@@ -517,36 +515,14 @@
 **/
 
 
-@media  (min-height: 600px) {
-    .maxheight {
-        max-height: 450px;
-        overflow: scroll;
-    }
-}
-    
-@media  (min-height: 600px) {
-    .maxheight {
-        max-height: 450px;
-        overflow: scroll;
-    }
-}
-    
-@media  (min-height: 800px) {
-    .maxheight {
-        max-height: 600px;
-        overflow: scroll;
+@media (max-width: 400px) {
+    html {
+        min-width: 150%;
+        height: auto;
     }
 }
 
-@media  (min-height: 1000px) {
-    .maxheight {
-        max-height: 800px;
-        overflow: scroll;
-    }
-}
-
-
-@media  (max-width: 600px) {
+@media  (max-width: 768px) {
     nav a {
         font-size: 0px;
     }
@@ -554,52 +530,7 @@
     nav a i {
         font-size: 20px;
     }
-}
 
-@media  (min-width: 450px) {
-  .wrapper {
-    grid-template-columns: 1fr 3fr;
-    grid-template-areas: 
-    "header  header header"
-        "user user user"
-        "nav     nav nav"
-        "content content content"
-      "footer      footer footer";
-  }
-
-
-  nav ul {
-      display: flex;
-      justify-content: space-between;  
-  }
-
-  header ul {
-/*      flex-direction: row;*/
-      display: flex;
-      justify-content: space-between; 
-  }
-
-   .main-content {
-       display: grid;
-       grid-template-columns: repeat(5,1fr);
-       grid-gap: 10px;
-   }
-
-   .main-content li.grid_2 {
-       grid-column-end: span 2;
-   }
-
-   .main-content li.grid_3 {
-       grid-column-end: span 3;
-   }
-
-   .main-content li.grid_4 {
-       grid-column-end: span 4;
-   }
-   .main-content li.grid_5 {
-       grid-column-end: span 5;
-   }
-  
 }
 
 
diff --git a/static/css/rowsandall2.css b/static/css/rowsandall2.css
index 240a05c0..95b02e66 100644
--- a/static/css/rowsandall2.css
+++ b/static/css/rowsandall2.css
@@ -44,15 +44,22 @@
     display: none
 }
 
-html { 
-  font-size: 62.5%;
+html {
+    font-size: 62.5%; 
+    margin: 0px;
+    height: 100%;
+    width: 100%;
+    min-height: 100%;
 }
 
 body {
 /*  background: #edc; */
   color: #333;
   font-size: 1.2em;
-  height: auto;
+  width: 100%;
+  min-height: 100%;
+  margin: 0px;
+  box-sizing: border-box;
 /*  padding-bottom: 20px; */
 }
 
diff --git a/templates/newbasefront.html b/templates/newbasefront.html
index 6fee49c3..052d1ffc 100644
--- a/templates/newbasefront.html
+++ b/templates/newbasefront.html
@@ -133,7 +133,7 @@
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
-      background-position: center;
+      background-position: center center;
       padding: 0;
       margin: 0;
       }