Merge branch 'master' into nuc-designs

Author: Abernachy

projectfolder/Design/index.html

@@ -8,6 +8,7 @@
 			content="width=device-width, initial-scale=1.0"
 		/>
 
+
 		<link rel="stylesheet" href="style.css" />
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -110,6 +111,11 @@ <h3>The Laid Back</h3>
 							</ul>
 							<div class="chair-price">
 								<strong>250€</strong>
+									<span>Weighs 22 kg</span>
+								</li>
+							</ul>
+							<div class="chair-price">
+								<strong>525€</strong>
 								<a href="#" class="btn btn--small">Add to cart</a>
 							</div>
 						</div>
@@ -135,6 +141,7 @@ <h3>The Worker Bee</h3>
 							</ul>
 							<div class="chair-price">
 								<strong>525€</strong>
+						
 								<a href="#" class="btn btn--small">Add to cart</a>
 							</div>
 						</div>
@@ -166,7 +173,6 @@ <h3>The Chair 4/2</h3>
 					</figure>
 				</div>
 			</section>
-
 			<footer>
 				Copyright &copy; 2027 by Jonas Schmedtmann. Part of "Build
 				Responsive Real-World Websites with HTML and CSS" online course.

projectfolder/Design/style.css

@@ -6,10 +6,15 @@ FONT SIZE SYSTEM (px)
 10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
 */
 
+
 /* Main Color: #087f5b
 	Grey Color: #343a40
 
 */
+:root {
+	--MainColor: #087f5b;
+	--SecondaryColor: #343a40;
+}
 
 * {
 	margin: 0;
@@ -21,10 +26,12 @@ FONT SIZE SYSTEM (px)
 /* GENERAL STYLES */
 /* ------------------------ */
 body {
+
 	/* font-family: sans-serif; */
-	font-family: 'Poppins', sans-serif;
-	color: #343a40;
-	border-bottom: 5px solid #087f5b;
+	
+	font-family: 'Poppins' sans-serif;
+	color: var(--SecondaryColor);
+	border-bottom: 8px solid var(--MainColor);
 }
 
 .container {
@@ -47,6 +54,7 @@ h2 {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	column-gap: 80px;
+
 }
 
 .btn:link,