Sıradan kaçan article problemi
Önelikle hayırlı olsun hepimize soru&cevap platformu
Bir problemimi sizlere arz edeyim normal şartlarda css'le yaptım lakin
kendimi geliştirmek bakımında sass'a geçtim bundan mütevellit ne ettiysem bu boşluğu halledemedim, dilerseniz yardımcı olmak isteyen olursa scss kodunu paylaşırım varsada bir çözümünü paylaşa bilir bu arada flex kullanıyorum.
Aslında bunun en kolay çözümü flex kullanmak. Örnek vermek gerekirse;
<div class="container">
<div class="item">
1. item
</div>
<div class="item">
2. item
</div>
<div class="item">
3. item <br>
uzun değer
</div>
<div class="item">
4. item
</div>
<div class="item">
5. item
</div>
<div class="item">
6. item <br>
uzun değer
</div>
</div>
<style>
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 500px;
margin: 0 auto;
}
.container .item {
width: 49%;
background: #ddd;
margin-bottom: 20px;
}
</style>
bu sayede yan yana listelenen elemanların yükseklikleri aynı olmasa bile eşitlenecektir.
Ya da jquery masonry eklentisini kullanabilirsin.
https://masonry.desandro.com/layout.html