added definition for terms

Author: Abayie

Wireframe/index.html

@@ -10,41 +10,41 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        A simple way to explain how a website will look and work before adding all the fancy details.
       </p>
     </header>
     <main>
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>README</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          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>
       </article>
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>Wireframe</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          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>
       </article>
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>Git</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          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>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        © 2025 Abayie
       </p>
     </footer>
   </body>

Wireframe/style.css

@@ -50,9 +50,14 @@ main {
   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.