fixed the footer

static/css/base.css

@@ -67,6 +67,14 @@ nav a:hover {
 div.container {
     margin: auto;
     width: 80%;
+    min-height: calc(100vh - 128px);
+
+}
+@media (max-width: 640px) {
+    div.container {
+        width: 95%;
+        min-height: calc(100vh - 97px);
+    }
 }
 
 strong {
@@ -75,25 +83,16 @@ strong {
 }
 
 footer {
-    position: absolute;
+    position: relative;
     bottom: 0;
     right: 0;
     left: 0;
-    display: grid;
-    width: 100%;
     background-color: #444444;
     color: #f0f0f0;
     font-family: monospace;
     font-size: 13px;
-    grid-template-columns: 1fr auto 1fr;
-    grid-template-rows: 3em;
-    grid-template-areas: ". info .";
-}
-
-footer span {
-    grid-area: info;
-    margin-top: 1em;
     text-align: center;
+    padding: 1em 0 1em 0;
 }
 
 footer span a {

static/css/index.css

@@ -15,7 +15,7 @@ article {
         "image body body"
         "image . info";
 */
-    grid-gap: 5px;
+    grid-gap: 3px;
     grid-template-columns: 1fr 20em;
     grid-template-rows: auto 1fr auto;
     grid-template-areas: