finish the project

Author: khalil-ali1

Wireframe/images/branch.webp

@@ -10,41 +10,41 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Wireframes are simple visual guides that represent the skeletal framework of a website.
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="/Wireframe/images/readme.webp" alt="readme" />
+        <h2>README file</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A file that provides important information about a project.
+          It usually contains details like the project's purpose and version.
         </p>
         <a href="">Read more</a>
       </article>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="/Wireframe/images/wireframe.png" alt="wireframe" />
+        <h2>wireframe</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A visual guide used to design the layout and structure of a website or application.
+          It shows the basic arrangement of elements and text.
         </p>
         <a href="">Read more</a>
       </article>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="/Wireframe/images/branch.webp" alt="Git Branch" height="420"/>
+        <h2>Git Branch</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A branch in Git is like a parallel version of a repository. It allows you to
+          work on different features or bug fixes independently
         </p>
         <a href="">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        &copy; 2025 Wireframe. All rights reserved.
       </p>
     </footer>
   </body>

Wireframe/images/readme.webp

@@ -31,6 +31,7 @@ body {
   color: var(--ink);
   font: var(--font);
   margin: 0%;
+  background:gray;
 }
 
 a {
@@ -58,7 +59,7 @@ footer {
   position: fixed;
   bottom: 0;
   text-align: center;
-  background: turquoise;
+  background: rgb(99, 97, 97);
   width: 100%;
 }
 /* ====== Articles Grid Layout ====
@@ -83,6 +84,8 @@ Keeping things orderly and separate is the key to good, simple CSS.
 */
 article {
   border: var(--line);
+  border-radius: 15px;
+  overflow: hidden;
   padding-bottom: var(--space);
   text-align: left;
   display: grid;
@@ -94,3 +97,8 @@ article {
     grid-column: span 3;
   }
 }
+
+
+#img3{
+  height:"420px";
+}