add 2nd featured card

Author: LiyemaMfengwana

Wireframe/index.html

@@ -31,7 +31,23 @@ <h2 class="card__title">What is the purpose of a README file?</h2>
         <a class="btn" href="#readme-details">Read More</a>
       </div>
     </article>
-    
+
+    <!-- Two-column row -->
+    <section class="grid">
+      <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 the purpose of a wireframe?</h2>
+          <p class="card__summary">
+            A wireframe is a low‑fidelity layout of a page. It maps structure, hierarchy, and placement of elements (headers, media, text, buttons) without visual polish. Teams use wireframes to align on content priority, user flow, and functionality early—reducing rework before design and code.
+          </p>
+          <a class="btn" href="#wireframe-details">Read More</a>
+        </div>
+      </article>
+
     </main>
     <footer>
       <p>