centered footer, added p to end of articles to ensure footer doesn't cover content

Author: Alex Jamshidi

Wireframe/index.html

@@ -39,6 +39,7 @@ <h2>What is a branch in Git?</h2>
         </p>
         <a href="https://www.w3schools.com/git/git_branch.asp">Read more</a>
       </article>
+      <p></p>
     </main>
     <footer>
       <p>

Wireframe/style.css

@@ -60,7 +60,11 @@ header {
 footer {
   position: fixed;
   bottom: 0;
-  text-align: center;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  background-color: white;
+  border: var(--line);
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.