Added full-width README article with image, title, summary and link

Author: ChinweP

Wireframe/index.html

@@ -13,15 +13,19 @@ <h1>Understanding README Files, Wireframes and Git Branches</h1>
         A simple guide explaining three important web development concepts.</p>
     </header>
     <main>
-      <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+      <!--Top article (full-width)-->
+      <article class="top-article" id="readme-article">
+        <img src="images/readme.png" alt="Illustration of a README file" />
+        <h2>What is the purpose of a README file?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file explains what a project is about, how to use it, and any important information someone needs before working with the project code.
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.makeareadme.com/" target="_blank">Read more</a>
       </article>
+
+      
+
+
     </main>
     <footer>
       <p>