Add flexbox layout to body to fix footer overlap issue

Author: ChinweP

Wireframe/style.css

@@ -30,6 +30,10 @@ body {
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 a {
   padding: var(--space);
@@ -95,7 +99,7 @@ article {
   gap: var(--space);
 }
 
-header{
+header {
   text-align: center;
 }
 
@@ -105,4 +109,4 @@ footer {
   left: 0;
   width: 100%;
   text-align: center;
-}
+}