added image for readme article and edited html by changing title and content. changed sizing of images

Author: SABuilds

Wireframe/README.md

@@ -27,12 +27,12 @@ There are some provided HTML and CSS files you can use to get started. You can u
 
 ## Acceptance Criteria
 
-- [ ] Semantic HTML tags are used to structure the webpage.
+- [x] Semantic HTML tags are used to structure the webpage.
 - [ ] The page scores 100 for Accessibility in the Lighthouse audit.
-- [ ] The webpage is styled using a linked .css file.
-- [ ] The webpage is properly committed and pushed to a branch on GitHub.
+- [x] The webpage is styled using a linked .css file.
+- [x] The webpage is properly committed and pushed to a branch on GitHub.
 - [ ] The articles section contains three distinct articles, each with its own unique image, title, summary, and link.
-- [ ] The page footer is fixed to the bottom of the viewport.
+- [x] The page footer is fixed to the bottom of the viewport.
 - [ ] The page layout closely match the wireframe.
 
 ### Developers must adhere to professional standards.

Wireframe/Screenshot 2026-05-19 at 11.31.04 am.png

@@ -10,16 +10,16 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        What is a readme file for or what is the purpose of a wireframe and what is a git branch?<br>
+        Read below to find out!
       </p>
     </header>
     <main>
       <article>
-        <img class="section__article--img" src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="Screenshot 2026-05-19 at 11.31.04 am.png" alt="" />
+        <h2>Readme file</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A readme file informs anyone looking at your repository what your project is about. It lets them know how to install it (if its an application) and how to use it.
         </p>
         <a href="">Read more</a>
       </article>

Wireframe/index.html

@@ -39,7 +39,6 @@ a {
 img,
 svg {
   width: 100%;
-  object-fit: cover;
 }
 /* ====== Site Layout ====== 
 Setting the overall rules for page regions
@@ -71,8 +70,6 @@ https://gridbyexample.com/learn/
 main {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  margin-left: 10%;
-  margin-right: 10%;
   gap: var(--space);
   > *:first-child {
     grid-column: span 2;
@@ -102,5 +99,6 @@ article {
   }
   > img {
     grid-column: span 3;
+    aspect-ratio: 16/9;
   }
 }