From a220d2613aff0ab330ecc6158adb574af36dfac7 Mon Sep 17 00:00:00 2001 From: Alex Zhang Date: Tue, 10 Dec 2024 14:38:23 -0800 Subject: [PATCH] smaller title text for mobile --- src/sections/Sponsors/index.tsx | 4 +++- src/sections/Sponsors/style.module.scss | 8 +++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/sections/Sponsors/index.tsx b/src/sections/Sponsors/index.tsx index 632ec3a..bd89302 100644 --- a/src/sections/Sponsors/index.tsx +++ b/src/sections/Sponsors/index.tsx @@ -9,7 +9,9 @@ const Sponsors: React.FC = () => { return (
- Thank you to our past sponsors... + + Thank you to our past sponsors... +
{SPONSORS.map(sponsor => ( diff --git a/src/sections/Sponsors/style.module.scss b/src/sections/Sponsors/style.module.scss index 16bb760..5ac6f2c 100644 --- a/src/sections/Sponsors/style.module.scss +++ b/src/sections/Sponsors/style.module.scss @@ -13,7 +13,6 @@ padding-bottom: 5rem; } } - .content { display: flex; flex-direction: column; @@ -25,6 +24,13 @@ text-align: center; } +.title { + @media screen and (max-width: vars.$breakpoint-md) { + font-size: 2.25rem !important; + line-height: 2.625rem !important; + } +} + .sponsorLogos { display: flex; flex-wrap: wrap;