@Alrksandr

Как равномерно распределить колонки в grid контейнере?

Привет всем! Проблема такая, есть список тумб, количество тумб неизвестно от 0 до бесконечности, размер тумб в пределах от 190px до 320px. Выглядеть этот список должен так 60c96fe0868a3895242112.jpeg
Стили которые применил выглядят так
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

Но этот вариант не подходит, так как если тумб мало то они растягиваются.

Нужно, что то вроде этого
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 320px));
}

Но результат не тот, что я ожидаю, колонки не ужимаются и не подстраиваются под ширину строки
60c9715d0e509875143328.jpeg
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Используйте auto-fill

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы