Fix footer position to viewport

Author: shafiekwalker7861

Wireframe/style.css

@@ -57,9 +57,13 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
-  display: flex;
-  justify-content: center; /* Centers horizontally */
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
   align-items: center;
+  text-align: center;
+  background-color: aqua;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.