From 8498ef8f1853aefd1d020fd0a5edba64e85e82d4 Mon Sep 17 00:00:00 2001
From: Alex Zhang <alexzhang1618@gmail.com>
Date: Sun, 7 Apr 2024 17:07:13 -0700
Subject: [PATCH] fix mobile

---
 src/sections/landing/GetInvolved/style.module.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/sections/landing/GetInvolved/style.module.scss b/src/sections/landing/GetInvolved/style.module.scss
index ad3d08b..2a924f8 100644
--- 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;