added links and fix footer and centre header

Author: Abayie

Wireframe/index.html

@@ -21,7 +21,7 @@ <h2>README</h2>
           README is a guidebook for a project. Imagine you get a new toy, and it comes with a small booklet that explains what the toy is, how to use it, and how to take care of it.
           A README file does the same for a project, it tells people what the project is about, how to use it, and any important details they need to know.
         </p>
-        <a href="">Read more</a>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
       </article>
       <article>
         <img src="placeholder.svg" alt="" />
@@ -30,7 +30,7 @@ <h2>Wireframe</h2>
           A Wireframe is like a blueprint for a website. Imagine you're drawing a plan for a house before building it. You sketch where the rooms, doors, and windows will go, but you don't add colors,
           furniture, or decorations yet. <br/> A <em>Wireframe</em> does the same for a website, it shows where pictures, buttons, and texts will go, all the while doesn't worry about making it look pretty yet. 
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.coursera.org/gb/articles/wireframe">Read more</a>
       </article>
       <article>
         <img src="placeholder.svg" alt="" />
@@ -39,7 +39,7 @@ <h2>Git</h2>
           Git is like a magic notebook for your project. It's similar to when you're drawing a picture, and every time you make a change, the notebook saves a copy of your work. If you make a mistake, you can go back to an earlier
           version and fix it. <br/> <em>Git</em> does the same for your code, it keeps track of all the changes you make so you can go back if something goes wrong.
         </p>
-        <a href="">Read more</a>
+        <a href="https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F">Read more</a>
       </article>
     </main>
     <footer>

Wireframe/style.css

@@ -49,23 +49,22 @@ main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
 }
+
 footer {
-  /* position: fixed; */
+  position: fixed;
   bottom: 0;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  padding: 5px;
-  background-color: #f2f4f7;
-  color: #1b1919;
 }
+
+
 /* ====== 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
 Play with the options that come up.
 https://developer.chrome.com/docs/devtools/css/grid
 https://gridbyexample.com/learn/
 */
+
+
 main {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -74,11 +73,13 @@ main {
     grid-column: span 2;
   }
 }
+
 /* ====== Article Layout ====== 
 Setting the rules for how elements are placed in the article. 
 Now laying out just the INSIDE of the repeated card/article design.
 Keeping things orderly and separate is the key to good, simple CSS.
 */
+
 article {
   border: var(--line);
   padding-bottom: var(--space);
@@ -92,3 +93,7 @@ article {
     grid-column: span 3;
   }
 }
+
+header {
+  text-align: center;
+}