Как в гриде убрать пустое расстояние между колонками?
Есть ли возможность убрать пустое расстояние в гриде без отрицательных margin?
Дополнительно:
какое именно пустое расстояние? Грид разбивает контейнер на указанное количество строк/столбцов. О пустотах он не знает ничего, если речь не о гапах между блоками. Возможно стоит переразметить область либо выбрать другой тип дисплея? Было бы проще если бы был виден желаемый результат.
Используйте css columns или скрипты типа masonry
Ответы:
ИМХО тут не совсем грид, только masonry приходит на ум, но поддержка там никакая
ну или как вариант https://www.w3.org/TR/css3-multicol/
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для удаления пустого пространства между колонками в гриде, вы можете использовать свойство `grid-column-gap` или `grid-gap` в CSS.
Пример использования `grid-column-gap`:
```html
.grid-container {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 0px; /* задаем значение 0px для убирания пустого пространства */
}
.grid-item {
padding: 10px;
text-align: center;
border: 1px solid black;
}
```
Пример использования `grid-gap`:
```html
.grid-container {
display: grid;
grid-template-columns: auto auto;
grid-gap: 0px; /* задаем значение 0px для убирания пустого пространства */
}
.grid-item {
padding: 10px;
text-align: center;
border: 1px solid black;
}
```
Выбирайте один из вариантов в зависимости от того, какой результат вам нужен. Оба варианта помогут убрать пустое пространство между колонками в гриде.