From 6b3ed1ee655f80b5f76039be11a7a643b2b8ca4e Mon Sep 17 00:00:00 2001 From: Anukool Pandey <145652634+ANUKOOL324@users.noreply.github.com> Date: Mon, 20 Oct 2025 16:45:59 +0530 Subject: [PATCH] fix(website): Correct the site homepage overflows (CTA buttons + new version heading) (#11500) Co-authored-by: sebastien --- website/src/pages/styles.module.css | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css index 051294057e..9912eee6ae 100644 --- a/website/src/pages/styles.module.css +++ b/website/src/pages/styles.module.css @@ -58,18 +58,28 @@ display: flex; flex-direction: column; align-items: center; + overflow: hidden; } .topBannerTitle { font-size: 54px; font-weight: bold; margin-bottom: 0.4rem; -} - -@media only screen and (max-width: 768px) { - .topBannerTitle { + @media only screen and (max-width: 768px) { font-size: 40px; } + @media only screen and (max-width: 768px) { + font-size: 40px; + } + @media only screen and (max-width: 450px) { + font-size: 32px; + } + @media only screen and (max-width: 350px) { + font-size: 24px; + } + @media only screen and (max-width: 250px) { + font-size: 16px; + } } .topBannerTitleText { @@ -166,6 +176,7 @@ html[data-theme='dark'] .topBannerTitleText { flex-wrap: wrap; align-items: center; margin-top: 24px; + overflow: hidden; } .indexCtas a,