messing with footer

src/static/css/demo.css

@@ -13,10 +13,23 @@ a {
     width: 100%;
 }
 
+#wrap {
+    padding-bottom: 2.5rem;
+}
+
+footer {    
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 2.5rem;
+    color: aqua;
+}
+
 .grid {
-    height: 95vh;
+    height: 100vh;
     width: 100vw;
     display: grid;
+    position: relative;
     grid-template-columns: 1fr 60% 1fr;
     grid-template-rows: 5% 15% 60% 20%;
     grid-column-gap: 0px;
@@ -165,11 +178,3 @@ a {
     bottom: 0em;
 }*/
 
-footer {    
-    padding: 3em;
-    background-color: lightblue;
-    bottom: 0;
-    width: 100%;
-    height: 2.5rem; 
-}
-