fix: improve README file descriptions and adjust image alt text. css main rule merged.

Author: TTiamiyu

Wireframe/index.html

@@ -16,9 +16,9 @@ <h1>Wireframe Coursework</h1>
   <main>
     <article>
       <img src="placeholder.svg" alt="placeholder image" />
-      <h2>Purpose of ReadME</h2>
+      <h2>Purpose of a README File</h2>
       <p>
-        Read me provides a quick overview of what the project sets to achieve,
+        A README file provides a quick overview of what the project sets to achieve,
         the likely uses and the guidelines of how others can contribute.
       </p>
       <details>
@@ -33,13 +33,13 @@ <h2>Purpose of ReadME</h2>
     </article>
 
     <article>
-      <img src="placeholder2.png" alt="Wireframe image" />
+      <img src="placeholder2.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.
+        A wireframe serves as a foundational blueprint or mental image of
+        a product. it has numerous functions, but most importantly,
+        a wireframe is often used in the early stages of web or app
+        development to prevent future,costly redesigns.
       </p>
       <details>
         <summary>Read more</summary>
@@ -54,8 +54,8 @@ <h2>Purpose of Wireframe</h2>
     </article>
 
     <article>
-      <img src="Branch.png" alt="Branch image" />
-      <h2>What is a branch in Git</h2>
+      <img src="Branch.png" alt="branch image" />
+      <h2>Branching in Git</h2>
       <p>
         A branch represents an independent line of development in a Git repository,
         allowing multiple developers to work on different features or bug fixes simultaneously
@@ -73,9 +73,7 @@ <h2>What is a branch in Git</h2>
         </p>
       </details>
     </article>
-
   </main>
-
   <footer>
     <p>
       By Toluwalase Tiamiyu.

Wireframe/style.css

@@ -27,10 +27,6 @@ img.svg {
   object-fit: cover;
 }
 
-main {
-  max-width: var(--container);
-  margin: 0 auto calc(var(--space) * 4) auto;
-}
 footer {
   position: fixed;
   bottom: 0;
@@ -47,6 +43,8 @@ main {
   gap: var(--space);
   max-width: var(--container);
   margin: 0 auto;
+  max-width: var(--container);
+  margin: 0 auto calc(var(--space) * 4) auto;
 }
 
 main > *:first-child {