changed the image name, styled the footer

Author: SABuilds

Wireframe/index.html

@@ -16,7 +16,7 @@ <h1>Wireframe</h1>
     </header>
     <main>
       <article>
-        <img src="Screenshot 2026-05-19 at 11.31.04 am.png" alt="" />
+        <img src="readme.png" alt="" />
         <h2>readme file</h2>
         <p>
           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.

…Screenshot 2026-05-19 at 11.31.04 am.png Wireframe/readme.pngWireframe/Screenshot 2026-05-19 at 11.31.04 am.png renamed to Wireframe/readme.png Wireframe/Screenshot 2026-05-19 at 11.31.04 am.png renamed to Wireframe/readme.png

@@ -30,6 +30,8 @@ body {
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+  box-sizing: border-box;
+  margin: 0; 
 }
 a {
   padding: var(--space);
@@ -59,6 +61,8 @@ footer {
   position: fixed;
   bottom: 0;
   width: 100%;
+  box-sizing: border-box;
+  border: 1px, solid, black;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -97,6 +101,5 @@ article {
 }
 
 .footer__p {
-  display: block;
   text-align: center;
 }