From 036634d74b42c37464818053d4881490bb5aa402 Mon Sep 17 00:00:00 2001
From: gloriamanks <gloriam12328@gmail.com>
Date: Fri, 23 Jan 2026 17:12:54 +0000
Subject: [PATCH 1/4] 3 articles with image

---
 Wireframe/index.html | 22 ++++++++++++++--------
 Wireframe/style.css  | 17 +++++++++++++++++
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..bf48fd706 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -14,14 +14,20 @@ <h1>Wireframe</h1>
       </p>
     </header>
     <main>
-      <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
-        </p>
-        <a href="">Read more</a>
+      <article class="article-one">
+        <h2>Article One: Badmington</h2>
+        <p>Badmington is important to stay active.</p>
+        <a href="#">Read more</a>
+      </article>
+      <article class="article-two">
+        <h2>Article Two: Healthy eating means healthy living.</h2>
+        <p>You are what you eat. it influences who you become</p>
+        <a href="#">Read more</a>
+      </article>
+      <article class="article-three">
+        <h2>Article Three: Mental health is important.</h2>
+        <p>Do not dismiss your mental health. it is crucial that you take care of yourself mentally</p>
+        <a href="#">Read more</a>
       </article>
     </main>
     <footer>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..bd2fd1965 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -87,3 +87,20 @@ article {
     grid-column: span 3;
   }
 }
+.article-one {
+  height: 220px;
+  background-size: cover;
+  background-position: center;
+}
+
+.article-one {
+  background-image: url("https://images.unsplash.com/photo-1687597778602-624a9438fe0b?w=600&auto=format&fit=crop&q=60");
+}
+
+.article-two {
+  background-image: url("https://images.unsplash.com/photo-1604480132736-44c188fe4d20?w=600&auto=format&fit=crop&q=60");
+}
+
+.article-three {
+  background-image: url("https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=600&auto=format&fit=crop&q=60");
+}

From fc0b2b9d1fc9fa368e9bc99a8ecf893c47d62301 Mon Sep 17 00:00:00 2001
From: gloriamanks <gloriam12328@gmail.com>
Date: Sat, 24 Jan 2026 13:53:05 +0000
Subject: [PATCH 2/4] changed the image source

---
 Wireframe/index.html | 12 ++++++------
 Wireframe/style.css  |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/Wireframe/index.html b/Wireframe/index.html
index bf48fd706..f9a943c41 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -15,18 +15,18 @@ <h1>Wireframe</h1>
     </header>
     <main>
       <article class="article-one">
-        <h2>Article One: Badmington</h2>
-        <p>Badmington is important to stay active.</p>
+        <h2>Article One: What is the purpose of a README file?</h2>
+        <p>The ReadMe file provides a quick overview and any essential instructions for user or developer.</p>
         <a href="#">Read more</a>
       </article>
       <article class="article-two">
-        <h2>Article Two: Healthy eating means healthy living.</h2>
-        <p>You are what you eat. it influences who you become</p>
+        <h2>Article Two: What is the purpose of a wireframe?</h2>
+        <p> The wireframe acts as a skeleton of a website or an application user interface.</p>
         <a href="#">Read more</a>
       </article>
       <article class="article-three">
-        <h2>Article Three: Mental health is important.</h2>
-        <p>Do not dismiss your mental health. it is crucial that you take care of yourself mentally</p>
+        <h2>Article Three: What is a branch in Git?</h2>
+        <p>Branch is a seperated environment of your repositories where you can make commits and push to different branche to isloate changes and for version control</p>
         <a href="#">Read more</a>
       </article>
     </main>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index bd2fd1965..03afd12be 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -94,13 +94,13 @@ article {
 }
 
 .article-one {
-  background-image: url("https://images.unsplash.com/photo-1687597778602-624a9438fe0b?w=600&auto=format&fit=crop&q=60");
+  background-image: url("https://images.unsplash.com/photo-1591608516485-a1a53df39498?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
 }
 
 .article-two {
-  background-image: url("https://images.unsplash.com/photo-1604480132736-44c188fe4d20?w=600&auto=format&fit=crop&q=60");
+  background-image: url("https://images.unsplash.com/photo-1680016661694-1cd3faf31c3a?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8d2lyZWZyYW1lfGVufDB8fDB8fHww");
 }
 
 .article-three {
-  background-image: url("https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=600&auto=format&fit=crop&q=60");
+  background-image: url("https://plus.unsplash.com/premium_photo-1742560146448-86ff6f51c5e7?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
 }

From b99e16085220f26adf3d6e0136f8195728c57df9 Mon Sep 17 00:00:00 2001
From: gloriamanks <gloriam12328@gmail.com>
Date: Sat, 24 Jan 2026 14:11:37 +0000
Subject: [PATCH 3/4] changed the article two image

---
 Wireframe/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Wireframe/style.css b/Wireframe/style.css
index 03afd12be..0306cd9d3 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -98,7 +98,7 @@ article {
 }
 
 .article-two {
-  background-image: url("https://images.unsplash.com/photo-1680016661694-1cd3faf31c3a?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8d2lyZWZyYW1lfGVufDB8fDB8fHww");
+  background-image: url("https://media.istockphoto.com/id/876487150/photo/abstract-background-of-source-code-branch-3d-rendering.jpg?s=2048x2048&w=is&k=20&c=NOW2-RKP_-5Cf9KyLZ1Mc3F1NbustFJD4YUMnwZ04WU=");
 }
 
 .article-three {

From 261d168947ed9a28e83653b0d4ebabba6b812686 Mon Sep 17 00:00:00 2001
From: gloriamanks <gloriam12328@gmail.com>
Date: Sat, 24 Jan 2026 14:13:20 +0000
Subject: [PATCH 4/4] removed default writing

---
 Wireframe/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Wireframe/index.html b/Wireframe/index.html
index f9a943c41..b362a77e3 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -10,7 +10,7 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This is a brief webf page for sprint 1 developed by Gloria.
       </p>
     </header>
     <main>
@@ -32,7 +32,7 @@ <h2>Article Three: What is a branch in Git?</h2>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+       Hopefully this has covered the sucess criteria .
       </p>
     </footer>
   </body>