add read more anchors

Author: LiyemaMfengwana

Wireframe/index.html

@@ -48,6 +48,53 @@ <h2 class="card__title">What is the purpose of a wireframe?</h2>
         </div>
       </article>
 
+      <article class="card">
+        <div class="card__media fake-img" aria-hidden="true">
+          <div class="diag left"></div>
+          <div class="diag right"></div>
+        </div>
+        <div class="card__body">
+          <h2 class="card__title">What is a branch in Git?</h2>
+          <p class="card__summary">
+            A Git branch is an independent line of development. It lets you make changes, experiment, and review work without affecting the main history. When ready, merge the branch back (often via pull request) to integrate tested, reviewed changes into the primary codebase.
+          </p>
+          <a class="btn" href="#git-branch-details">Read More</a>
+        </div>
+      </article>
+    </section>
+
+     <!-- Optional “read more” anchors -->
+    <section class="details" id="readme-details" aria-label="README details">
+      <h3>README essentials</h3>
+      <ul>
+        <li>Project overview and goals</li>
+        <li>Installation and quick start</li>
+        <li>Usage examples and configuration</li>
+        <li>Contributing guidelines and license</li>
+        <li>Links to docs, issues, and support</li>
+      </ul>
+    </section>
+
+    <section class="details" id="wireframe-details" aria-label="Wireframe details">
+      <h3>Why wireframe first</h3>
+      <ul>
+        <li>Clarifies content priority and layout</li>
+        <li>Enables fast feedback before visuals</li>
+        <li>De-risks scope and uncovers edge cases</li>
+        <li>Acts as a blueprint for designers/devs</li>
+      </ul>
+    </section>
+
+    <section class="details" id="git-branch-details" aria-label="Git branch details">
+      <h3>Branch workflow highlights</h3>
+      <ul>
+        <li>Create: git checkout -b feature/name</li>
+        <li>Commit work locally and push the branch</li>
+        <li>Open a pull request for review and CI</li>
+        <li>Merge, then delete the branch when done</li>
+      </ul>
+    </section>
+
     </main>
     <footer>
       <p>