CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 6 additions & 3 deletions b/‎Wireframe/index.html‎
Lines changed: 6 additions & 3 deletions
diff --git a/‎Wireframe/legumes.html‎
Lines changed: 1 addition & 1 deletion b/‎Wireframe/legumes.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎Wireframe/style.css‎
Lines changed: 5 additions & 2 deletions b/‎Wireframe/style.css‎
Lines changed: 5 additions & 2 deletions
@@ -3,6 +3,9 @@
   <head>
     <meta charset="UTF-8" >
     <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <title>Wireframe</title>
     <link rel="stylesheet" href="style.css" >
   </head>
@@ -17,7 +20,7 @@ <h2>The power of legumes</h2>
         <p>
           Legumes, a diverse group including beans, lentils, peas, and chickpeas, are nutritional powerhouses that offer significant benefits for human health ...
         </p>
-        <a href="">Read more</a>
+        <a href="legumes.html" target="_blank">Read more</a>
       </article>
 
       <article>
@@ -26,7 +29,7 @@ <h2>Lentils</h2>
         <p>
           Lentils are often called a superfood, and for good reason. These small, lens-shaped legumes pack a powerful nutritional punch, making them an excellent addition to any diet ...
         </p>
-        <a href="">Read more</a>
+        <a href="lentils.html" target="_blank">Read more</a>
       </article>
 
       <article>
@@ -35,7 +38,7 @@ <h2>Chickpeas</h2>
         <p>
           Chickpeas, also known as garbanzo beans, are tiny legumes with big nutritional benefits, earning them the title of a superfood. Packed with plant-based protein, chickpeas are excellent for muscle repair ...
         </p>
-        <a href="">Read more</a>
+        <a href="chickpeas.html" target="_blank">Read more</a>
       </article>
 
     </main>
 
@@ -29,7 +29,7 @@ <h2>Legumes: A Nutritional Powerhouse for Human Health</h2>
           Another compelling reason to include legumes in the diet is their low glycemic index, which helps maintain steady energy levels and improves blood sugar management. This property, combined with their high fibre and protein content, makes legumes particularly beneficial for weight control and metabolic health.
         </p>
         <p>
-          Legumes are also incredibly versatile in culinary applications. They can be added to soups, stews, salads, curries, dips, or even blended into spreads like hummus. Their mild flavor and ability to absorb seasonings make them adaptable to a wide variety of cuisines, helping people increase their nutrient intake without compromising taste.
+          Legumes are also incredibly versatile in culinary applications. They can be added to soups, stews, salads, curries, dips, or even blended into spreads like hummus. Their mild flavour and ability to absorb seasonings make them adaptable to a wide variety of cuisines, helping people increase their nutrient intake without compromising taste.
         </p>
         <p>
           In addition to human health benefits, legumes contribute to environmental sustainability. As nitrogen-fixing plants, they enrich the soil, reducing the need for chemical fertilizers. They also require less water and produce fewer greenhouse gases compared to most animal-based protein sources, making them a responsible choice for both personal health and the planet.
 
@@ -17,11 +17,13 @@ As well as useful links to learn more */
  https://scrimba.com/learn-css-variables-c026
 ====== Design Palette ====== */
 :root {
+  --font-primary: "Roboto", sans-serif;
+  --clr-primary: #f5f5f5;
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
   --font: 100%/1.5 system-ui;
   --space: clamp(6px, 6px + 2vw, 15px);
-  --line: 1px solid grey;
+  --line: 1px solid #F5F5F5;
   --container: 1280px;
 }
 /* ====== Base Elements ======
@@ -32,7 +34,7 @@ body {
   min-height: 100vh;
   background: var(--paper);
   color: var(--ink);
-  font: var(--font);
+  font-family: var(--font-primary);
 }
 a {
   padding: var(--space);
@@ -88,6 +90,7 @@ Keeping things orderly and separate is the key to good, simple CSS.
 article {
   border: var(--line);
   padding-bottom: var(--space);
+  background-color: var(--clr-primary);
   margin-bottom: 1rem;
   text-align: left;
   display: grid;