v2.5.2
Giriş yap

Nth-child kullanımında problem

yazilimyolcusu
315 defa görüntülendi

Merhaba arkadaşlar. Media query kullanırken bir yerde takıldım. Query'de 414px'i ayarlarken 1200px videolarımın da bozulduğunu gördüm. Yani 1200px'de 3 vidyo yanyana geliyordu, ben bunu 414px'de 2 vidyo yanyana gelecek şekilde ayarlamak istiyorum. En son kodda "nth-child" kullandım. "nth-child" ı "2n+1" yaptığımda daha yüksek çözünürlüktekiler bozuluyor.

@media screen and (min-width: 414px) {
.video-galerisi-sayfasi-container-alani {
width:414px;
min-height:67.8vh;
margin:auto;
}

.video-galerisi-sayfasi-video-alani {
width: 200px;
height:208px;
margin-left:5px;
margin-top:2px;
float: left;
}

.video-galerisi-sayfasi-video-alani:nth-child(3n+1) {
width:200px;
height:208px;
margin-left: 0px;
margin-top:2px;
float:left;
}}
yasinatesim
1029 gün önce

min-width yerine max-width kullanırsan, 414px'den büyük çözünürlükler etkilenmemiş olur.