center grid items better

acmucsd · Jan 10, 2024 · f7eed9b · f7eed9b
1 parent 4d8ec54
commit f7eed9b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/events/EventDisplay/style.module.scss b/src/components/events/EventDisplay/style.module.scss
@@ -1,5 +1,7 @@
 .container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
+  column-gap: 1rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  place-items: center;
+  row-gap: 2rem;
 }