Giriş yap
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

qplot
59 gün önce

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

https://bulma.io/

haciyeff
58 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.

Nasıl akıllıca soru sorulur?
Daha hızlı ve kaliteli cevaplar almak için önce nasıl soru sorulacağını bilmeniz gerekir. Eğer bilmiyorsanız bu yazı serisini okuyun.

Cevap yaz