ayrisdev/utkukirkan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: responsive font size for 'Mimari Mükemmeliyet' to prevent overflow

Browse Source
This commit is contained in:
AyrisAI
2026-04-04 17:02:34 +03:00
parent e05ae0033a
commit c69a720d74
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/landing-page.tsx
View File

@@ -82,9 +82,9 @@ export function LandingPage({ projects }: { projects: Project[] }) {
<div className="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-24 items-start px-0"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-24 items-start px-0">
<motion.div {...fadeInUp} className="lg:col-span-5 lg:sticky top-32 z-10 bg-inherit"> <motion.div {...fadeInUp} className="lg:col-span-5 lg:sticky top-32 z-10 bg-inherit">
<p className="label-editorial text-[#795900] mb-4">Uzmanlık Alanlarımız</p> <p className="label-editorial text-[#795900] mb-4">Uzmanlık Alanlarımız</p>
<h2 className="text-4xl md:text-6xl lg:text-7xl font-inter font-black uppercase leading-[1.1] mb-6 md:mb-8 break-words"> <h2 className="text-[clamp(2rem,8vw,4.5rem)] font-inter font-black uppercase leading-[1.1] mb-6 md:mb-8 break-words overflow-hidden">
Mimari<br /> Mimari<br />
<span className="bg-[#FFBF00] px-4 py-1 text-white inline-block mt-2">Mükemmeliyet</span> <span className="bg-[#FFBF00] px-3 py-1 text-white inline-block mt-2 text-[0.8em] sm:text-[1em] max-w-full truncate sm:overflow-visible">Mükemmeliyet</span>
</h2> </h2>
<p className="text-lg text-gray-600 leading-relaxed max-w-sm"> <p className="text-lg text-gray-600 leading-relaxed max-w-sm">
Sadece bina inşa etmiyoruz; mühendislik disipliniyle şekillendirilmiş, Muğla'nın dokusuna uyumlu yaşam alanları tasarlıyoruz. Sadece bina inşa etmiyoruz; mühendislik disipliniyle şekillendirilmiş, Muğla'nın dokusuna uyumlu yaşam alanları tasarlıyoruz.