west midlands | May-2025| Jabir Adam | Wireframe

Wireframe/index.html

@@ -10,23 +10,58 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Let's explore three  concepts.
       </p>
     </header>
     <main>
+
+
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2> What is the purpose of a README file?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file serves as an introductory document for a software project or dataset, providing users with essential information about what the project does, how to use it, and how to get started. It's a crucial piece of documentation that helps users understand the project's purpose,
+           requirements, and installation/usage instructions
+
+
         </p>
         <a href="">Read more</a>
       </article>
-    </main>
-    <footer>
+
+
+
+
+    <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>What is the purpose of a wireframe?</h2>
+        <p>
+
+          A wireframe's purpose is to visually represent the layout and structure of a webpage, app, or other digital product, focusing on functionality and user experience before detailed design and development. It acts as a blueprint, outlining how content and elements will 
+          be placed and how they interact with the use
+
+
+        </p>
+        <a href="">Read more</a>
+      </article>
+
+
+
+
+<article>
+        <img src="placeholder.svg" alt="" />
+        <h2>What is a branch in Git?</h2>
+        <p>
+          A branch in Git is simply a lightweight movable pointer to one of these commits. The default branch name in Git is master . As you start making commits, you're given a master branch that points to the last commit you made. Every time you commit,
+           the master branch pointer moves forward automatically
+        </p>
+        <a href="">Read more</a>
+      </article>
+  </main>
+
+
+    <footer  >
       <p>
-        This is the default, provided code and no changes have been made yet.
+        it's all done by Jabir Adam 
       </p>
     </footer>
   </body>

Wireframe/style.css

@@ -50,9 +50,10 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
-  position: fixed;
+
   bottom: 0;
   text-align: center;
+  background-color: rgb(239, 133, 133);
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -87,3 +88,9 @@ article {
     grid-column: span 3;
   }
 }
+h1{
+ text-align: center;
+ background-color: rgb(114, 147, 247);
+
+
+}