CSS'te genişleme nasıl limitlenir?

Katılım
25 Mayıs 2020
Mesajlar
7.126
Makaleler
22
Çözümler
58
Daha fazla  
Cinsiyet
Erkek
Şöyle bir sorum var;

1688575956721.png


Fotoğrafta göründüğü gibi bir üst barım var ve tasarımda 1440px için uyarlanmış. Ben bunu Flex yardımıyla sorunsuz yapıyorum ama 1440px sonrasında arasında olan mesafe gittikçe artıyor ve kötü bir görüntü oluyor.

1688578269681.png


max-w-[1440px] ekleyince de normal çalışıyor ama bu sefer de elementler sol tarafa sabit kayıyor, merkezde durmuyorlar.

HTML:
 <body class="w-screen h-screen">
 <header
 class="flex flex-row justify-between items-center mx-40 md:mx-10 sm:mx-4 mt-9 md:mt-4 xl:mx-40"
 >
 <img src="assets/logo.svg" alt="Logo" />
 <button
 class="w-56 h-14 font-bold bg-theme-black text-light-cream rounded-full"
 >
 Free Consultation
 </button>
 </header>
 </body>

HTML kodum böyle, ek olarak TailwindCSS kullandığımı belirtmek isterim. Teşekkürler
 

Technopat Haberler

Yeni konular

Geri
Yukarı