Merge pull request #5 from acmucsd/involved

fix mobile
acmucsd · Apr 8, 2024 · 72aea89 · 72aea89
2 parents a232cfa + 8498ef8
commit 72aea89
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/sections/landing/GetInvolved/style.module.scss b/src/sections/landing/GetInvolved/style.module.scss
@@ -1,3 +1,5 @@
+@use 'src/styles/vars.scss' as vars;
+
 .container {
   width: 100%;
   gap: 3rem;
@@ -13,6 +15,11 @@
   justify-content: space-between;
   overflow: hidden;
 
+  @media screen and (width < vars.$breakpoint) {
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr;
+  }
+
   .involvedCards {
     display: flex;
     flex-grow: 1;