CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 1 addition & 1 deletion b/‎Wireframe/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎Wireframe/pages/branch_git.html‎
Lines changed: 3 additions & 1 deletion b/‎Wireframe/pages/branch_git.html‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎Wireframe/style.css‎
Lines changed: 8 additions & 10 deletions b/‎Wireframe/style.css‎
Lines changed: 8 additions & 10 deletions
@@ -71,7 +71,7 @@ <h2>Branch in Git</h2>
             <li>Experimenting with ideas</li>
           </ul>
 
-        <a href="branch_git.html">Read more</a>
+        <a href="pages/branch_git.html">Read more</a>
       </article>
     </main>
     <footer>
 
@@ -2,7 +2,9 @@
 <html lang="en">
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="This article explains the concept of branches in Git,
+    <meta name="description" content="This article explains the concept of branches in Git, their purpose, and how to use them effectively in your development workflow." />
+    
+</head>
 <body>
     <header>
   <h1>Branch in Git</h1>
 
@@ -24,6 +24,8 @@ As well as useful links to learn more */
   --line: 2px solid;
   --container: 1280px;
   --yellow: oklch(0.8 0.2 90);
+  --footer-color:#4D4D4D;
+  --white:#FFF;
 }
 /* ====== Base Elements ======
  General rules for basic HTML elements in any context */
@@ -53,22 +55,18 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
 header{
   text-align: center;
 }
-main {
-  max-width: var(--container);
-  margin: 0 auto calc(var(--space) * 4) auto;
-}
-
+/* sytle for the foooter, which should be at the bottom of the page, and have a different background colour to the main content.
+*/
 footer {
-  height: 60px;
-    background-color:#4D4D4D;
-      color: #fff;
+    height: 60px;
+    background-color: var(--footer-color);
+    color: var(--white);
     display: flex;
-    align-items: center;
     justify-content: center;
     bottom: 0;
 }
 footer a {
-  color: #fff;
+  color: var(--white);
   text-decoration: none;
 }
 /* ====== Articles Grid Layout ====