Footer centralised

Author: grantriches-byte

Wireframe/index.html

@@ -47,9 +47,11 @@ <h2>What is a branch in Git?</h2>
       </section>
     </main>  
     <footer>
-      <p>
-         &copy; Code Your Future
-      </p>
+      <section>
+        <p>
+          &copy; Code Your Future
+        </p>
+      </section>
     </footer>
   </body>
 </html>

Wireframe/style.css

@@ -31,6 +31,7 @@ main {
   max-width: 1100px;
   margin: 2rem auto;
   padding: 0 1rem;
+  padding-bottom: 4rem;
 }
 
 /* GRID LAYOUT */
@@ -83,7 +84,7 @@ article a:hover {
 footer {
   background: transparent;
   color: black;
-  text-align: center;
+  left: 45%;
   padding: 1rem;
  position: fixed;
  bottom: 0;