Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

update text size responsiveness

Browse source
This commit is contained in:
chark1es 2024-12-21 15:35:57 -08:00
parent 3c5e1bcc04
commit 4fb32cd112
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/main_page/SplitCards.astro
View file

@ -1,27 +1,25 @@
---
// You can add props here if needed
---
<div class="w-[100%] mx-auto py-8"> <div class="w-[100%] mx-auto py-8">
<div class="grid lg:grid-cols-2 gap-2 h-[40rem]"> <div class="grid lg:grid-cols-2 gap-2 h-[40rem]">
<div <div
class="bg-card_bg rounded-[3rem] relative overflow-hidden text-center lg:text-left lg:px-12" class="bg-card_bg rounded-[3rem] relative overflow-hidden text-center lg:text-left lg:px-12"
> >
<div <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>
<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 UC San Diego IEEE
</div> </div>
<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! Join the 2nd largest IEEE student branch in the US!
</div> </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 Sint occaecat laboris do cupidatat cillum laborum sint et sint
velit fugiat. Velit do et irure laboris cillum adipisicing. velit fugiat. Velit do et irure laboris cillum adipisicing.
Nulla dolor esse ea do laboris aliquip ullamco. Nulla dolor esse ea do laboris aliquip ullamco.