updated css for the feature sections

kieranjlynch · Nov 11, 2024 · 5a2aa63 · 5a2aa63
1 parent 18b9051
commit 5a2aa63
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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;