From 5a2aa6305a607f53b564256307ecae1dd9c84393 Mon Sep 17 00:00:00 2001
From: Kieran Lynch <49360558+kieranjlynch@users.noreply.github.com>
Date: Mon, 11 Nov 2024 12:37:24 +0000
Subject: [PATCH] updated css for the feature sections

---
 style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 5f1a1bc..a7e2c78 100644
--- a/style.css
+++ b/style.css
@@ -78,20 +78,21 @@ header a {
 
 .feature-list {
     display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
+    flex-direction: column;
     gap: 20px;
 }
 
 .feature {
-    width: 200px;
+    width: 100%;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     color: #FFFFFF;
     text-align: center;
+    overflow: hidden; /* Ensures that images do not overflow their container */
 }
 
+/* Ensure images are responsive and fit within the container */
 .feature img {
     width: 100%;
     height: auto;