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;



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.



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
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…