CodeYourFuture · TTiamiyu · May 16, 2026 · May 17, 2026 · May 17, 2026 · May 17, 2026
diff --git a/Wireframe/Branch.png b/Wireframe/Branch.png
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -8,25 +8,38 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <h1>Wireframe Coursework</h1>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="placeholder.svg" alt="placeholder image" />
+        <h2>Purpose of ReadME</h2>
+        <p>
+          Read me provides a quick overview of what the project sets to achieve, the likely uses and the guidelines of how others can contribute.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="placeholder 2.png" alt="Wireframe image" />
+        <h2>Purpose of Wireframe</h2>
+        <p>
+          Wireframe serves as a foundational blueprint or mental image of a product, it has numerous functions and most importantly wireframe is often used in the early stages of web or app development to prevent future, costly redesigns.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="Branch.png" alt="" />
+        <h2>What is a branch in Git</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A branch represents an independent line of development in a Git repository, allowing multiple developers to work on different features or bug fixes simultaneously without affecting the main codebase until changes are ready to be merged.
         </p>
         <a href="">Read more</a>
       </article>
     </main>
+
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        By Toluwalase Tiamiyu.
       </p>
     </footer>
   </body>

diff --git a/Wireframe/placeholder 2.png b/Wireframe/placeholder 2.png
diff --git a/Wireframe/style.css b/Wireframe/style.css
@@ -1,16 +1,16 @@
 /* Here are some starter styles
 You can edit these or replace them entirely 
-It's showing you a common way to organise CSS 
+It's showing you a common way to organize CSS 
 And includes solutions to common problems 
 As well as useful links to learn more */
 
 /* ====== Design Palette ======
  This is our "design palette".
- It sets out the colours, fonts, styles etc to be used in this design 
+ It sets out the colors, fonts, styles etc to be used in this design 
  At work, a designer will give these to you based on the corporate brand, but while you are learning
  You can design it yourself if you like
  Inspect the starter design with Devtools
- Click on the colour swatches to see what is happening
+ Click on the color swatches to see what is happening
  I've put some useful CSS you won't have learned yet
  For you to explore and play with if you are interested
  https://web.dev/articles/min-max-clamp
@@ -31,6 +31,9 @@ body {
   color: var(--ink);
   font: var(--font);
 }
+h1{
+  text-align: center;
+}
 a {
   padding: var(--space);
   border: var(--line);