v2.3.1
Giriş yap

KÜÇÜK EKRANDA KAYBOLAN FLOAT

ariftunaunal tarafından soruldu ve en son güncellendi

425 defa görüntülendi ve 3 kişi tarafından değerlendirildi

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

Cevaplar (3)
qplot
529 gün önce

artık elle css yazma devrı kapandı ornek bunu ıncele

https://bulma.io/

haciyeff
528 gün önce

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.

Önce Burayı Okuyun!
Cevap yazarken markdown kod yazımını kullanmanız gerekiyor. Nasıl kullanacağınızı bilmiyorsanız buradaki makaleye gözatın!
Cevap yaz