style: Add body margin and padding for clean layout

Author: Zadri415

Wireframe/index.html

@@ -14,16 +14,16 @@ <h1>Project Essentials Explained</h1>
 
     <main>
       <article>
-        <img src="https://media.geeksforgeeks.org/wp-content/uploads/20240702120959/Readme1.png" alt="Sample README file" />
+        <img src="https://media.geeksforgeeks.org/wp-content/uploads/20240702120959/Readme1.png" alt="Example of a README file layout" />
         <h2>What is a README file?</h2>
         <p>
-          A README file is an essential componet of many software projects, especially those hosted on platforms like GitHub.
+          A README file is an essential component of many software projects, especially those hosted on platforms like GitHub.
         </p>
         <a href="https://www.geeksforgeeks.org/what-is-readme-md-file/#what-is-a-readmemd-file">Read more</a>
       </article>
 
       <article>
-        <img src="https://balsamiq.com/assets/learn/articles/wireframe-example-plain.png" alt="wireframe example" />
+        <img src="https://balsamiq.com/assets/learn/articles/wireframe-example-plain.png" alt="Wireframe layout for a webpage" />
         <h2>What is a Wireframe?</h2>
         <p>
           A wireframe is a visual blueprint of a website or application's layout, focusing on structure and functionality without the distraction of design elements like colors or images. It helps teams plan the user interface and user experience effectively before development begins.
@@ -32,7 +32,8 @@ <h2>What is a Wireframe?</h2>
       </article>
 
       <article>
-        <img src="https://static.vecteezy.com/system/resources/previews/019/980/954/non_2x/git-branch-icon-line-isolated-on-white-background-black-flat-thin-icon-on-modern-outline-style-linear-symbol-and-editable-stroke-simple-and-pixel-perfect-stroke-illustration-vector.jpg" alt="Git branch logo" />
+        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Git-logo.svg/240px-Git-logo.svg.png" 
+    alt="Git logo representing version control and branching" />
         <h2>What is a Branch in Git?</h2>
         <p>
           In Git, a branch is an independent line of development that allows you to work on new features or fixes without affecting the main codebase. This collaboration and parallel development, enabling multiple contributors to work simultaneously without conflicts.