v2.5.2
Giriş yap

KÜÇÜK EKRANDA KAYBOLAN FLOAT

ariftunaunal
747 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

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