Nth-child kullanımında problem
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;
}}
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
min-width
yerine max-width
kullanırsan, 414px
'den büyük çözünürlükler etkilenmemiş olur.