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 {