fix: enforce global overflow protection and harden hero typography
This commit is contained in:
@@ -58,6 +58,9 @@
|
|||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -53,9 +53,9 @@ export function LandingPage({ projects }: { projects: Project[] }) {
|
|||||||
transition={{ duration: 1 }}
|
transition={{ duration: 1 }}
|
||||||
>
|
>
|
||||||
<p className="label-editorial text-[#FFBF00] mb-6 whitespace-normal max-w-[280px] sm:max-w-none leading-relaxed">Muğla • Mühendislik & Müteahhitlik</p>
|
<p className="label-editorial text-[#FFBF00] mb-6 whitespace-normal max-w-[280px] sm:max-w-none leading-relaxed">Muğla • Mühendislik & Müteahhitlik</p>
|
||||||
<h1 className="text-[clamp(2.5rem,9vw,8rem)] font-inter font-black text-white leading-[0.95] uppercase mb-8 break-words hyphens-auto overflow-hidden">
|
<h1 className="text-[clamp(2.5rem,8vw,8rem)] font-inter font-black text-white leading-[0.95] uppercase mb-8 break-words hyphens-auto overflow-hidden">
|
||||||
Modern<br />
|
Modern<br />
|
||||||
<span className="text-white border-t border-b border-white/20 inline-block py-2 md:py-4 my-2 font-inter tracking-tighter">Mühendislik</span><br />
|
<span className="text-white border-t border-b border-white/20 block sm:inline-block py-2 md:py-4 my-2 font-inter tracking-tighter w-fit">Mühendislik</span><br />
|
||||||
Güçlü Yapılar
|
Güçlü Yapılar
|
||||||
</h1>
|
</h1>
|
||||||
<div className="flex flex-col sm:flex-row gap-6 mt-12">
|
<div className="flex flex-col sm:flex-row gap-6 mt-12">
|
||||||
|
|||||||
Reference in New Issue
Block a user