footer centered

Author: gideondefar

Wireframe/index.html

@@ -58,11 +58,7 @@ <h2>Git branches</h2>
     </article>
   </main>
   <footer>
-    <p>
-      &copy; This all about wireframe. All Rights Reserved. | <a href="mailto:contact@yourdomain.com">Contact
-        Us</a> | <a href="/about">About</a> | <a href="/sitemap">Sitemap</a>
-    </p>
+    This all about wireframe. All Rights Reserved. 
   </footer>
 </body>
-
 </html>

Wireframe/style.css

@@ -53,11 +53,18 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
 main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
+  height: 90%;
 }
 footer {
-  position: fixed;
-  bottom: 0;
   text-align: center;
+        padding: 15px 0;
+        position: fixed;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        font-family: Arial, sans-serif;
+        border: solid;
+        background-color: #ccc;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.