Updated the position title,sub-title and footer

Author: sayeedhussain01

Wireframe/index.html

@@ -12,39 +12,35 @@
   <header class="header">
     <h1>Wireframe</h1>
     <p>
-      This page explains the fundamental concepts of git branches,readme files and wireframe.
+      This page explains the fundamental concepts of Git branches, README files, and wireframes.
     </p>
   </header>
   <main>
     <article>
-      <img
-        src="/Wireframe/Featured_Image_Wireframes_Save_Time_Money.png"
-        alt="">
+      <img src="/Wireframe/Featured_Image_Wireframes_Save_Time_Money.png" alt="Website wireframe layout showing structure of a webpage">
       <h2>Wireframe</h2>
       <p>
-        Wireframe is the skeleton of a web page. It represents visual layout which helps developer and other team
-        members to make a decisions about the product.
+        Wireframe is the skeleton of a web page. It represents a visual layout which helps developers and other team
+        members to make  decisions about the product.
       </p>
       <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
     </article>
 
     <article>
-      <img src="/Wireframe/1_mtsk3fQ_BRemFidhkel3dA.webp" alt="">
+      <img src="/Wireframe/1_mtsk3fQ_BRemFidhkel3dA.webp" alt="Git branching diagram showing main and feature branches">
       <h2>Branch in Git </h2>
       <p>
-        Branch in git is a separate version of main branch used to develop ,edit and test changes before merging into
+        Branch in Git is a separate version of main branch used to develop, edit, and test changes before merging into
         the main branch
       </p>
       <a href="https://www.w3schools.com/git/git_branch.asp">Read more</a>
     </article>
 
     <article>
-      <img
-        src="/Wireframe/hq720.jpg"
-        alt="">
+      <img src="/Wireframe/hq720.jpg" alt="Example of a README file explaining a software project">
       <h2>Readme File </h2>
       <p>
-        Readme file provides important information about the project such as its purpose ,setup instruction,feature and
+       README file provides important information about the project, such as its purpose, setup instructions, features, and
         usage.
       </p>
       <a href="https://www.geeksforgeeks.org/git/what-is-readme-md-file/">Read more</a>

Wireframe/style.css

@@ -55,9 +55,8 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
 .header{
   text-align: center;
 
-  width: 1240px;
-  margin-left: 109px;
-  margin-bottom: -16px;
+ max-width: var(--container);
+   margin: 0 auto;
   padding: 20px;
   }
 
@@ -71,12 +70,13 @@ main {
 footer {
 
   position: fixed;
-  bottom: 0px;
+  bottom: 0;
+  left: 0;
   text-align: center;
   margin-right: 20px;
  border-top: 2px solid;
- width: 1515px;
-margin-top: 200px;
+ width: 100%;
+ background: var(--paper);
 }