CSS Grid boşlukları nasıl otomatik hizalanır?

yone1108

Decapat
Katılım
21 Nisan 2021
Mesajlar
709
Makaleler
1
Çözümler
2
Resimdeki gibi bir layout oluşturdum Grid ile içerdeki kutuları height: min-content; olarak ayarladım. Arada boşluklar oluyor en aşağıdaki kutuyu kırmızı ok ile çizdiğim araya nasıl yerleştirebilirim otomatik bir şekilde boşluklara yerleşsin eğer yerleşebiliyorsa kutular bunu nasıl sağlayabilirim?

CSS:
.container
{
display: grid;
grid-template-columns: 1fr 2fr 1.5fr;
margin: 20px 0px;
gap: 15px;
}

layoutu bu şekilde oluşturdum.
 

Dosya Ekleri

  • Adsız.png
    Adsız.png
    15,6 KB · Görüntüleme: 20

Yeni konular

Geri
Yukarı