Aimpress/Shumiland
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

fix(hero): reduce title clamp and narrow container to prevent T-Rex overlap

Browse source
This commit is contained in:
Vadym Samoilenko 2026-05-11 13:18:29 +01:00
parent 8ca741bee7
commit 477d50fb60
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/sections/Hero.tsx
View file

@ -79,13 +79,13 @@ export function Hero({ hero }: HeroProps) {
<div className="relative z-10 flex flex-col px-6 pt-[100px] pb-[60px] lg:px-0 lg:pt-[200px] lg:pb-[80px]">
{/* Align with header: max-w-[1204px] + px-[30px] mirrors HeaderClient inner container */}
<div className="lg:mx-auto lg:w-full lg:max-w-[1204px] lg:px-[30px]">
<div className="flex max-w-[85vw] flex-col gap-5 md:gap-6 lg:max-w-[66vw]">
<div className="flex max-w-[85vw] flex-col gap-5 md:gap-6 lg:max-w-[58vw] xl:max-w-[56vw]">
{title && (
<h1
className="font-bold text-white uppercase"
style={{
fontFamily: 'var(--font-montserrat, Montserrat), sans-serif',
fontSize: 'clamp(36px, 7.5vw, 130px)',
fontSize: 'clamp(32px, 6.2vw, 104px)',
lineHeight: 1.05,
fontWeight: 700,
whiteSpace: 'pre-line',