add second article card wireframe

Author: tomdu3

Wireframe/index.html

@@ -19,7 +19,7 @@ <h1>GitHub Web Project Essentials</h1>
   <main>
     <article class="card" id="main-article">
       <img src="./assets/readme.png" alt="" class="article-img" />
-      <h2 class="article-title">What Is the Purpose of a README</h2>
+      <h2 class="article-title">What Is the Purpose of a README file?</h2>
       <p class="article-text">
         A good README file serves as a project's "front door," acting as a crucial piece of documentation that explains
         what an application does, why the specific technologies were chosen, and how it differentiates a high-quality
@@ -30,6 +30,20 @@ <h2 class="article-title">What Is the Purpose of a README</h2>
       <a href="https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/" class="article-link" target="_blank"
         aria-label="Read more about README files">Read more</a>
     </article>
+    <article class="card">
+      <img src="./assets/wireframe_design.jpeg" alt="Wireframe design" class="article-img" />
+      <h2 class="article-title">What Is the Purpose of a Wireframe?</h2>
+      <p class="article-text">
+        A wireframe is a simplified visual guide used in web and app design to outline the structure, layout, and
+        functionality of a digital interface. It focuses on arrangement rather than aesthetics, showing where content,
+        navigation, and interactive elements will be placed. This skeletal structure helps designers and clients
+        visualize the user experience and make decisions about layout and functionality early in the development
+        process,
+        before time and resources are invested in detailed visual design.
+      </p>
+      <a href="https://www.productplan.com/glossary/wireframe/" target="_blank"
+        aria-label="Read more about wireframes">Read more</a>
+    </article>
   </main>
   <footer>
     <p>