From f7eed9b596a907987b7a66fe77bced4383f1170f Mon Sep 17 00:00:00 2001
From: Faris Ashai <farisashai@gmail.com>
Date: Tue, 9 Jan 2024 19:50:39 -0800
Subject: [PATCH] center grid items better

---
 src/components/events/EventDisplay/style.module.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/events/EventDisplay/style.module.scss b/src/components/events/EventDisplay/style.module.scss
index 641eb607..50cadbe5 100644
--- 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;
 }