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.