CSS grid-column-gap Kullanımı
CSS "grid-column-gap" özelliği, CSS Grid layout sisteminde grid sütunları arasındaki boşluk miktarını belirler. Bu özellik, bir grid'in tasarımında sütunlar arasındaki boşlukları kontrol etmek için kullanılabilir.
Aşağıdaki örneği inceleyelim..
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
}
Bu örnekte, 3 sütunlu bir grid oluşturulmuş ve "grid-column-gap" özelliği ile sütunlar arasındaki boşluk "20px" olarak belirlenmiştir.