fix: hero text overflow issue fixed

abdullahrather · web-flow · commit 5ad589991af7 · 2025-06-17T16:16:17.000Z
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -241,7 +241,7 @@ const Hero = () => {
       <div className='mx-auto max-w-7xl'>
         <h1
           id='heroHeadline'
-          className='max-w-5xl mx-auto overflow-hidden text-5xl font-extrabold leading-tight tracking-tight sm:text-6xl lg:text-7xl'
+          className='max-w-5xl mx-auto text-5xl font-extrabold leading-[1.15] tracking-tight sm:text-6xl lg:text-7xl pb-2'
         >
           Transform your vision into
           <br />

Original file line number	Diff line number	Diff line change
`@@ -241,7 +241,7 @@ const Hero = () => {`
`241`	`241`	`<div className='mx-auto max-w-7xl'>`
`242`	`242`	`<h1`
`243`	`243`	`id='heroHeadline'`
`244`		`- className='max-w-5xl mx-auto overflow-hidden text-5xl font-extrabold leading-tight tracking-tight sm:text-6xl lg:text-7xl'`
	`244`	`+ className='max-w-5xl mx-auto text-5xl font-extrabold leading-[1.15] tracking-tight sm:text-6xl lg:text-7xl pb-2'`
`245`	`245`	`>`
`246`	`246`	`Transform your vision into`
`247`	`247`	`<br />`