Свойство column-gap в CSS задает интервал между столбцами в контейнере grid. 5 Оно помогает управлять горизонтальным пространством между дорожками grid, упрощая создание макета с хорошим интервалом. 5

В многоколоночных макетах column-gap имеет значение по умолчанию 1em (в отличие от 0). 1 Таким образом, даже если промежуток не указан вообще, столбцы содержимого по-прежнему визуально разделены. 1

В макетах Flexbox column-gap всегда работает вертикально (при условии, что используется значение по умолчанию для writing-mode). 1 Это не зависит от направления гибкого контейнера. 1

В контейнере grid с помощью column-gap можно регулировать интервалы между элементами в контейнере, задавая расстояние между колонками. 3