What is a REAADME File?

Monsur0001 · Monsur0001 · commit f21d9eb1e6d2 · 2026-04-11T15:38:27.000+01:00
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -8,22 +8,22 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
+      <h1 class="center">Wireframe & Git Commits</h1>
+      <p class="center">
+        Practicing commits in Git
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg" alt="" />
+        <h2>README File</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README File explains what the project is, how to use it and why it exists.
         </p>
         <a href="">Read more</a>
       </article>
     </main>
+    
     <footer>
       <p>
         This is the default, provided code and no changes have been made yet.
diff --git a/Wireframe/style.css b/Wireframe/style.css
@@ -50,7 +50,6 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
-  position: fixed;
   bottom: 0;
   text-align: center;
 }
@@ -68,6 +67,7 @@ main {
   > *:first-child {
     grid-column: span 2;
   }
+
 }
 /* ====== Article Layout ====== 
 Setting the rules for how elements are placed in the article. 
@@ -80,10 +80,24 @@ article {
   text-align: left;
   display: grid;
   grid-template-columns: var(--space) 1fr var(--space);
+ 
   > * {
     grid-column: 2/3;
   }
   > img {
-    grid-column: span 3;
+    grid-column: span 2;
+    
   }
+ 
+  
 }
+
+article img {
+  width: 100%;
+  height: 300px;
+  object-fit: fill;
+}
+
+.center {
+  text-align: center;
+}
