Как в гриде убрать пустое расстояние между колонками?

Для того чтобы удалить пустое расстояние между колонками в CSS-сетке, можно использовать свойство grid-column-gap или grid-gap. Эти свойства позволяют установить размер промежутка между ячейками в сетке.

Для начала, убедитесь, что ваш контейнер использует CSS-сетку. Чтобы создать сетку, вы должны установить свойство display контейнера в значение grid. Например:

.container {
  display: grid;
}

Затем, чтобы удалить пустое расстояние между колонками, вы можете установить значение grid-column-gap в 0. Это свойство задает размер промежутка между колонками. Например:

.container {
  display: grid;
  grid-column-gap: 0;
}

Также, вы можете использовать свойство grid-gap, которое задает размеры промежутков и по вертикали, и по горизонтали. Если вам нужно убрать промежутки только между колонками, вы можете установить значение grid-gap следующим образом:

.container {
  display: grid;
  grid-gap: 0 10px;
}

В этом случае промежутки по горизонтали будут равны 0, а по вертикали будут равны 10 пикселям.

Теперь пустое расстояние между колонками должно быть удалено, и колонки будут прилегать друг к другу без промежутков.