From 4fb32cd112f95b0a332a1d51e657f6187706fa51 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 21 Dec 2024 15:35:57 -0800
Subject: [PATCH] update text size responsiveness

---
 src/components/main_page/SplitCards.astro | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/main_page/SplitCards.astro b/src/components/main_page/SplitCards.astro
index 49aead6..473c948 100644
--- a/src/components/main_page/SplitCards.astro
+++ b/src/components/main_page/SplitCards.astro
@@ -1,27 +1,25 @@
----
-// You can add props here if needed
----
-
 <div class="w-[100%] mx-auto py-8">
     <div class="grid lg:grid-cols-2 gap-2 h-[40rem]">
         <div
             class="bg-card_bg rounded-[3rem] relative overflow-hidden text-center lg:text-left lg:px-12"
         >
             <div
-                class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-white/10 to-transparent"
+                class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-card_gradient/10 to-transparent"
             >
             </div>
             <div
-                class="px-6 pt-24 lg:pt-32 relative z-10 text-ieee_gold_text font-bold text-[1.5rem]"
+                class="px-6 pt-24 lg:pt-32 relative z-10 text-ieee_gold_text font-bold text-[min(4vw,1.5rem)]"
             >
                 UC San Diego IEEE
             </div>
             <div
-                class="px-6 pt-2 relative z-10 text-card_text font-bold text-[2.5rem]"
+                class="px-6 pt-2 relative z-10 text-card_text font-bold text-[min(6vw,2.5rem)]"
             >
                 Join the 2nd largest IEEE student branch in the US!
             </div>
-            <div class="px-6 pt-2 relative z-10 text-card_text text-[1.2rem]">
+            <div
+                class="px-6 pt-2 relative z-10 text-card_text text-[min(3vw,1.2rem)]"
+            >
                 Sint occaecat laboris do cupidatat cillum laborum sint et sint
                 velit fugiat. Velit do et irure laboris cillum adipisicing.
                 Nulla dolor esse ea do laboris aliquip ullamco.