update

public/assets/css/main.css

@@ -4,14 +4,17 @@
 }
 
 .header {
-    margin-bottom: 50px;
-    margin-top: 0px;
+    padding-bottom: 50px;
+    padding-top: 0px;
+    /* position: fixed; */
+    /* left: 0;
+    top: 0; */
     height: 10%;
     background-color: white;
 }
 
 .page-wrap {
-    min-height: 100%;
+    min-height: 88vh;
     /* margin-bottom: -90px; */
     top: 0;
     left: 0;
@@ -27,14 +30,17 @@
 }
 
 .main {
-    margin-top: 60px;
-    margin-bottom: 60px;
+    padding-top: 60px;
+    padding-bottom: 60px;
     overflow-x: auto;
     overflow-y: hidden;
     height: 100%;
 }
 
 .centered {
+    /* position: absolute; */
+    /* top: 100;
+    bottom: 100;*/
     left: 0;
     right: 0;
     height: 70%;
@@ -48,6 +54,14 @@
     clear: both;
 }
 
+/* body {
+    min-height: 100vh;
+} */
+
+/* body {
+    height: 85vh;
+} */
+
 .column {
     float: left;
     width: 25%;
@@ -55,6 +69,11 @@
     /* Should be removed. Only for demonstration */
 }
 
+/* * {
+    box-sizing: border-box;
+} */
+
+
 a:link {
     color: black;
     background-color: transparent;