Added first article

Author: TaliaKucuk

Wireframe/index.html

@@ -15,13 +15,20 @@ <h1>Exploring README Files, Wireframes and Git Branches</h1>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://static0.makeuseofimages.com/wordpress/wp-content/uploads/2023/08/readme-article.jpg?q=50&fit=crop&w=1488&h=837&dpr=1.5" alt="" />
+        <h2>README Files</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+        The purpose of a README file is to serve as the primary guide and entry point for a project,
+         dataset, or software. It communicates what the project does, how to install and use it,
+          how to contribute, and provides context so that others can easily understand or interact with the content.
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.makeuseof.com/readme-files-how-to-write-the-best/">Read more</a>
+      </article>
+      <article>
+<img src=""
+      </article>
+      <article>
+
       </article>
     </main>
     <footer>

Wireframe/style.css

@@ -40,6 +40,7 @@ img,
 svg {
   width: 100%;
   object-fit: cover;
+  height: 250px;
 }
 /* ====== Site Layout ====== 
 Setting the overall rules for page regions