Container genişliği
Yeni yeni bootstap ile çalışıyorum. Orta alanda
bulunan containerımın width ini w-75 verdim.
Sm ekran da bu arkadaşı 100 yapmak istiyorum
ama buna sadece çözümüm, display(biri varken diğeri gizli)
ile iki farklı container yaparak bulabildim.
media ile yapmayı denedim ama w-75 kaldığı
sürece !important olarak belirtmem rağmen
100 olmuyor. responsive de nasıl bir yol
izlemem gereklidir ?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
evet ne yazık ki bootstrap bu konularda yeterince iyi değil, eğer bootsrap'a yeni başladıysan bence hiç bulaşma tailwind'i öğren derim.
böylece her breakpoint için kolayca kodlamanı yapabilirsin bir şans ver derim :) istediğin şeyin tailwind karşılığı bu kadar basit aslında.
<main class="w-full md:w-9/12 mx-auto">
..
</main>
yaptığı şey 768px altında width full olacak, md karşılığı >= 768px yani 768px'den büyük olduğunda ise width'i 75%'ye w-9/12 ile ayarladık. 12'lik grid sistemden yola çıkarak düşünebilirsin bunu.