KÜÇÜK EKRANDA KAYBOLAN FLOAT
Merhaba Hocam;
Yapmaya çalıştığım sitedeki birkaç div i "float:right; ile yanyana getiriyorum.Ancak siteyi küçük ekranlı bir cihazda açtığımda en sağda olduğu için gözükmüyorlar. Yardımlarınızı bekliyorum. Teşekkürler
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Yan yana getirmek gerekse floatI left verebilirsin. ve onları kapsayan classa da aşağıdakı örneği uygulayabilirsin.
.item-container {
clear: both;
}
.item-container::before,
.item-container::after {
content: '';
display: table;
clear: both;
}
.item {
float: left;
width: 30%;
}
ve bu itemlerin mobile de duyarlı olmasını istiyorsan css de @media kullanabilirsin.
@media (max-width: 768px){
.item {
width: 100%; // ya da ne istersen
}
}
media kodları genelde css in en altına yazılır. Bu şekilde yazarak ekran genişliği 768px ye kadar olan cihazlarda itemlere bu tasarımı uygula diyebilirsin.
artık elle css yazma devrı kapandı ornek bunu ıncele
