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

fix social media icons not fitting in box

Browse source
This commit is contained in:
chark1es 2025-01-27 09:43:22 -08:00
parent af8871ad14
commit a387833e87
1 changed files with 57 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/main_page/Landing.astro
View file

@ -9,7 +9,7 @@ import { MdEmail } from "react-icons/md";
<div class="w-full flex justify-between md:pt-[14vh] pt-[12vw]"> <div class="w-full flex justify-between md:pt-[14vh] pt-[12vw]">
<div <div
class="md:pt-[5%] pt-[6%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black md:w-[53%] w-[60%] md:h-[40vw] h-[60vw] border-white/70 border-[0.1vw] rounded-[3vw]" class="md:pt-[5%] pt-[6%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black md:w-[53%] w-[60%] md:h-[40vw] h-[65vw] border-white/70 border-[0.1vw] rounded-[3vw]"
> >
<p <p
data-inview data-inview
@ -24,11 +24,10 @@ import { MdEmail } from "react-icons/md";
Join one of the largest IEEE student branch in the US! Join one of the largest IEEE student branch in the US!
</p> </p>
<p class="text-white font-light text-[2vw] md:text-[1.3vw]"> <p class="text-white font-light text-[2vw] md:text-[1.3vw]">
IEEE @ UCSD is a pre-professional organization aiming to empower IEEE @ UCSD is a pre-professional organization aiming to empower engineers
engineers with practical experience through hands-on project with practical experience through hands-on project opportunities,
opportunities, insightful workshops, and panels with industry insightful workshops, and panels with industry professionals. We are a
professionals. We are a branch organization of the International branch organization of the International IEEE organization.
IEEE organization.
</p> </p>
<div class="flex justify-end w-full mt-[6%]"> <div class="flex justify-end w-full mt-[6%]">
@ -61,7 +60,7 @@ import { MdEmail } from "react-icons/md";
</div> </div>
</div> </div>
<div <div
class="md:w-[46%] w-[40%] md:h-[40vw] h-[60vw] border-white/70 border-[0.1vw] rounded-[3vw] bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black" class="md:w-[46%] w-[40%] md:h-[40vw] h-[65vw] border-white/70 border-[0.1vw] rounded-[3vw] bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black"
> >
<Image <Image
src={landingimg} src={landingimg}