From 6141382b59229cbb5018e67eeaccddfa822c5785 Mon Sep 17 00:00:00 2001
From: Tech Guy <109800377+TechGuy541@users.noreply.github.com>
Date: Wed, 9 Oct 2024 21:37:38 +0100
Subject: [PATCH] Update styles.css

---
 styles.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index 130a7a9..8c43977 100644
--- a/styles.css
+++ b/styles.css
@@ -52,10 +52,14 @@ h2 {
 }
 
 .feature-grid {
+  display: flex; /* Activate Flexbox */
+    justify-content: center; /* Center horizontally */
+    align-items: center; /* Center vertically */
+    gap: 20px; /* Adjust the spacing between boxes */
+    flex-wrap: wrap; /* Allows the boxes to wrap to the next line if needed */
+    padding: 20px; /* Optional: Adds padding around the container */
+    height: 100vh; 
   
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-  gap: 20px;
 }
 
 .feature-item {