автоматически заполняем строку, задаем элементам минимальную ширину, если не убираются - переносятся на следующую строку
Можно ли как-то сделать так, чтобы у колонок была разная ширина, а не у всех одинаковая?
#grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-gap: 1em;
}
Убрать ауто филл, поскольку он разбивает сетку на равные ячейки, которые заполняют все пространство
Мне это и нужно, у меня есть вот такая верстка, кнопки фильтры и найти должны быть больше по ширине чем селекты и дропдауны Если я задаю минимальную ширину для кнопок - мне не хватает места в контейнере и они переносятся вниз Все бы решилось, если бы я мог задать разную ширину для колонок и сделать авто филл
Обсуждают сегодня