CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 5 additions & 4 deletions b/‎Wireframe/index.html‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎Wireframe/style.css‎
Lines changed: 2 additions & 0 deletions b/‎Wireframe/style.css‎
Lines changed: 2 additions & 0 deletions
@@ -4,14 +4,15 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wireframe</title>
+    <meta name="description" content="A project practising wireframes and Git commits.">
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>
       <h1 class="center">Wireframe & Git Commits</h1>
       <p class="center">Practicing commits in Git</p>
     </header>
-    <div class="container">
+    <main class="container">
       <article>
         <img
           src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg"
@@ -24,9 +25,9 @@ <h2>README File</h2>
         </p>
         <a href="">Read more</a>
       </article>
-    </div>
+    </main>
 
-    <div class="article-row">
+    <main class="article-row">
       <article>
         <img
           src="https://img.freepik.com/premium-vector/wireframe-icon_933463-14328.jpg"
@@ -52,7 +53,7 @@ <h2>What is a branch in Git?</h2>
         </p>
         <a href="">Read more</a>
       </article>
-    </div>
+    </main>
 
     <footer>
       <p>Designed with love by Monsur Abdulrahman 2026</p>
 
@@ -51,7 +51,9 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
+  position: fixed;
   bottom: 0;
+  width: 100%;
   text-align: center;
 }
 /* ====== Articles Grid Layout ====
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,9 @@ main {`
`51`	`51`	`margin: 0 auto calc(var(--space) * 4) auto;`
`52`	`52`	`}`
`53`	`53`	`footer {`
	`54`	`+ position: fixed;`
`54`	`55`	`bottom: 0;`
	`56`	`+ width: 100%;`
`55`	`57`	`text-align: center;`
`56`	`58`	`}`
`57`	`59`	`/* ====== Articles Grid Layout ====`