Centered title and text beneath it .

Make the title of articles 2 and 3 fully aligned horizontally.
Prevent the footer and article content overlap. Added a list

Author: dona-shehu

Wireframe/index.html

@@ -25,7 +25,7 @@ <h2>Read Me File</h2>
       </article>
       <article>
         <img src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/02-newspaper-site-wireframe-example.png" alt="wireframe img"/>
-        <h2>What is the purpose of a wireframe?</h2>
+        <h2>Purpose of a wireframe?</h2>
         <p>
           A wireframe is a simple visual layout of a website, app, or software interface. Its purpose is to show the structure and
           arrangement of content before detailed design and development begin.
@@ -34,24 +34,24 @@ <h2>What is the purpose of a wireframe?</h2>
       </article>
       <article>
         <img src="https://nulab.com/static/2b1b3450c0069d0cbd97d70e48c7a81c/5a190/02.png" alt="Git Branch img"/>
-        <h2>What is a branch in Git?</h2>
+        <h2 class="git_header">What is a branch in Git?</h2>
         <p>
         A branch in Git is a separate line of development that lets you work on changes without affecting the main project.
 
-        Think of it like creating a copy of your project where you can safely:<br>
+        Think of it like creating a copy of your project where you can safely:
+        <ul>
+          <li> Add new features</li>
+          <li>Fix bugs</li>
+          <li>Test ideas</li>
+        </ul>
 
-        Add new features<br>
-        Fix bugs<br>
-        Test ideas<br>
-        
-        while the original code remains unchanged.
         </p>
         <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Read More</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        © 2026 CYF. All rights reserved.
       </p>
     </footer>
   </body>

Wireframe/style.css

@@ -30,38 +30,52 @@ body {
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+  padding-bottom: 60px;
 }
 
 h1 {
   text-align: center;
 }
+
 .header_paragraph{
     text-align: center;
 }
+.git_header{
+      margin-top: 90px;
+      margin-bottom: 90px;
+}
 
 a {
   padding: var(--space);
   border: var(--line);
   max-width: fit-content;
 }
-img,
-svg {
+img {
   width: 100%;
+  height: 450px;
   object-fit: cover;
+  display: block;
+  
 }
+
+
 /* ====== Site Layout ====== 
 Setting the overall rules for page regions
 https://www.w3.org/WAI/tutorials/page-structure/regions/
 */
 main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
+ 
 }
 footer {
   position: fixed;
   bottom: 0;
+  left: 0;
   width:100%;
   text-align: center;
+  height: 60px;
+  background-color: rgb(192, 187, 187);
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -73,7 +87,7 @@ https://gridbyexample.com/learn/
 main {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: var(--space);
+  gap: 0;
   > *:first-child {
     grid-column: span 2;
   }
@@ -94,5 +108,6 @@ article {
   }
   > img {
     grid-column: span 3;
+    
   }
 }