Add footer with nav and contact details

Author: Harini Arunkumar

Wireframe/style.css

@@ -51,7 +51,32 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
   padding-bottom: 80px;
 }
-
+footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10; 
+  padding: 4px 0;
+  background: white;
+  text-align: center;
+}
+footer nav{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--space);
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+footer nav a{
+  padding: 4px 8px;
+  border: none;
+  max-width: fit-content;
+  text-decoration: none;
+  color: #222;
+  font-size: 0.9rem;
+} 
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
 Inspect this in Devtools and click the "grid" button in the Elements view