footer fixed and aligned to center, ready to push

Author: risikatpopoola

Wireframe/image3.png

@@ -27,18 +27,20 @@ <h2>README FILE</h2>
       </article>
       <article>
         <div>
-        <img src="wireframe.png" alt="an image of a wireframe template" />
+        <img src="image3.png" alt="an image of a wireframe template" />
         </div>
         <h2>WIREFRAMES</h2>
-        <p>Wireframes are basic blueprints that help teams align on requirements, keeping UX design conversations focused and constructive.Think of your wireframe as the skeleton of your app, website, or other final product. Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, components, and features, including:   
+        <p>Wireframes are basic blueprints that help teams align on requirements, keeping UX design conversations focused and constructive. 
+          Think of your wireframe as the skeleton of your app, website, or other final product. Starting with a clean, spare wireframe design also gives UI/UX designers room to iterate. They can collect early feedback from user testing on core UX/UI elements, without distracting users with visual design details.
+          Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, components, and features, including:    
         </p>
           <ul>
           <li>Screen layouts</li>
           <li>Navigation bars</li>
           <li>Components of UX and UI design</li>
           <li>Interactive elements</li>
          </ul>
-        <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
+         <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
       </article>
       <article>
         <div>  
@@ -48,14 +50,19 @@ <h2>GIT BRANCH</h2>
         <p>
           In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code.
           Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. Branches allow you to work on different parts of a project without impacting the main branch.
-          When the work is complete, a branch can be merged with the main project. You can even switch between branches and work on different projects without them interfering with each other. Branching in Git is very lightweight and fast!
+          When the work is complete, a branch can be merged with the main project. You can even switch between branches and work on different projects without them interfering with each other. Branching in Git is very lightweight and fast! Common reasons to create a branch includes:
         </p>
-        <a href="https://i0.wp.com/digitalvarys.com/wp-content/uploads/2019/06/GIT-Branchand-its-Operations.png?fit=1921%2C1057&ssl=1">Read more</a>
+          <ul>
+          <li>Developing a new feature</li>
+          <li>Fixing a bug</li>
+          <li>Experimenting with ideas</li>
+         </ul>
+         <a href="https://i0.wp.com/digitalvarys.com/wp-content/uploads/2019/06/GIT-Branchand-its-Operations.png?fit=1921%2C1057&ssl=1">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        ALL RIGHTS RESERVED. RIZQAH POPOOLA 2026
       </p>
     </footer>
   </body>

Wireframe/index.html

@@ -61,7 +61,13 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
-  text-align: center;
+  position: fixed;
+   left: 0;
+   bottom: 0;
+   width: 100%;
+   background-color: rgb(231, 163, 200);
+   color: white;
+   text-align: center;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.