What is branch in Git?

Author: Monsur0001

Wireframe/index.html

@@ -13,7 +13,7 @@ <h1 class="center">Wireframe & Git Commits</h1>
         Practicing commits in Git
       </p>
     </header>
-    <main>
+    <div class="container">
       <article>
         <img src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg" alt="" />
         <h2>README File</h2>
@@ -22,9 +22,10 @@ <h2>README File</h2>
         </p>
         <a href="">Read more</a>
       </article>
-    </main>
+    </div>
 
-    <div>
+    <div class="article-row">
+      
       <article>
          <img src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg" alt="" />
         <h2>The purpose of a Wireframe</h2>
@@ -34,12 +35,23 @@ <h2>The purpose of a Wireframe</h2>
         <a href="">Read more</a>
 
 
+      </article>
+
+       <article>
+         <img src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg" alt="" />
+        <h2>What is a branch in Git?</h2>
+        <p>
+          A branch is a separate line of development. It allows developers to work on changes without affecting the main codebase.
+        </p>
+        <a href="">Read more</a>
+
+        
       </article>
     </div>
 
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Designed with love by Monsur Abdulrahman - 2026
       </p>
     </footer>
   </body>

Wireframe/style.css

@@ -30,6 +30,7 @@ body {
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+  margin: 50px;
 }
 a {
   padding: var(--space);
@@ -98,6 +99,14 @@ article img {
   object-fit: fill;
 }
 
+.article-row {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin-top: 30px;
+  gap: var(--space);
+}
+
 .center {
   text-align: center;
 }