Merge pull request #23 from itsyourap/Fix-event-section-grid

Fix event section grid layout
Student-Chapter-CSE · Apr 14, 2024 · 8e6d10c · 8e6d10c
2 parents 08e151d + 58b7eb7
commit 8e6d10c
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/client/styles/EventDrawer.module.css b/client/styles/EventDrawer.module.css
@@ -95,6 +95,7 @@
 
 .drawer[data-active=true] {
     position: relative;
+    z-index: 1;
     display: block;
 
     opacity: 1;
@@ -104,6 +105,7 @@
 
 .drawer[data-active=false] {
     position: absolute;
+    z-index: 1;
     transition: all 400ms;
     opacity: 0;
     filter: blur(5px);
@@ -124,8 +126,10 @@
     }
 
     .drawer > * {
-        flex-direction: row;
-        align-items: flex-start;
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
+        grid-gap: 30px;
+        justify-items: center;
     }
 
     .holder {