@KRHD

Как сделать самоперестраивающийся список?

есть такой макет
5cd66ac721952938472710.png
Страцницы подгружаются из базы, и они могут как увеличиваться, так и уменьшаться в количестве.
Дак вот, как сделать такой список, чтоб он сам перестраивался в зависимости от размеров родителя.
Не влез - следующая колонка
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Какую же хрень пишут в ответах, флексы, гриды... Вообще не к месту.
Не могу на это смотреть. Держите:

Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@MamaLuyba
через css grid
#parent {
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(250px, 1fr));
}

auto-fit - это когда новый элемент, не помещающийся по ширине/ высоте в родительский блок, будет отображен в новом ряду/ колонке. например, родитель шириной 500px, содержит два блока по 250px минимум - при добавлении нового блока, блок либо уйдет в новый ряд (grid-template-columns), либо в новую колонку (grid-template-rows).
Ответ написан
Ваш ответ на вопрос

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

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