diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.module.scss b/apps/site/src/app/(home)/sections/Intro/Intro.module.scss index 2f07f49..befbeff 100644 --- a/apps/site/src/app/(home)/sections/Intro/Intro.module.scss +++ b/apps/site/src/app/(home)/sections/Intro/Intro.module.scss @@ -2,18 +2,34 @@ .description { text-align: center; - font-size: 1rem; + font-size: 0.85rem; - @include bootstrap.media-breakpoint-up(sm) { + @media screen and (min-width: 415px) { + font-size: 1rem; + } + + @media screen and (min-width: 500px) { + font-size: 1.25rem; + } + + @include bootstrap.media-breakpoint-up(xl) { font-size: 1.5rem; } } .header { - font-size: 1.25rem; + font-size: 1rem; font-weight: 600; + @media screen and (min-width: 415px) { + font-size: 1.25rem; + } + @include bootstrap.media-breakpoint-up(sm) { + font-size: 1.5rem; + } + + @include bootstrap.media-breakpoint-up(xl) { font-size: 2rem; } } @@ -26,7 +42,7 @@ margin-top: 3vw; @media screen and (min-width: 400px) { - margin-top: 12.5vw; + margin-top: 7.5vw; } @include bootstrap.media-breakpoint-up(sm) { diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.tsx b/apps/site/src/app/(home)/sections/Intro/Intro.tsx index e38e76a..175c470 100644 --- a/apps/site/src/app/(home)/sections/Intro/Intro.tsx +++ b/apps/site/src/app/(home)/sections/Intro/Intro.tsx @@ -5,11 +5,13 @@ export default function Intro() {

What is ZotHacks?

- ZotHacks is UC Irvine’s beginner-friendly hackathon, where students with - minimal computer science experience will learn to build their first CS - project. Through ZotHacks, we introduce these students to the world of - hackathons and web development by providing technical workshops, strong - mentorship, and free food! + ZotHacks is a 12-hour hackathon designed for beginners where students + with minimal computer science experience will learn to build their first + CS project. Through ZotHacks, we introduce these students to the world + of hackathons and web development by providing technical workshops, + dedicated mentors for every team, and free food! We encourage applicants + from all backgrounds, including underrepresented minorities, majors, or + genders to apply!

); diff --git a/apps/site/src/lib/styles/globals.scss b/apps/site/src/lib/styles/globals.scss index e986886..cbf4ca1 100644 --- a/apps/site/src/lib/styles/globals.scss +++ b/apps/site/src/lib/styles/globals.scss @@ -4,10 +4,6 @@ $container-padding: 8rem; .background { background: linear-gradient(#01a6c4, #01a7c5 67%, #00c1a9 82%, #8dbd9e); - - @media screen and (min-height: 600px) { - background: #01a6c4; - } } .accordion {