Как сделать 'умную' сетку?

Здравствуйте, на сайте есть сетка с работами и есть фильтр.

5cb8c8637c17e702686532.png

При нажатии на фильтр, некоторые работы пропадают и остальные работы заполняют их места немного криво.

5cb8c8af0f2b1273500317.png

Сделал на css grid. Возможно ли сделать сетку, элементы которой будут правильно выстраиваться? Например, на втором скрине большая картинка должна сместиться вправо на одну колонку, а длинная картинка должна подняться вверх.
  • Вопрос задан
  • 3241 просмотр
Пригласить эксперта
Ответы на вопрос 3
AlexanderMarginal
@AlexanderMarginal
Frontend web developer
Masonry либа это делает и у нее есть метод для перестраивания
Ответ написан
@Qlink
Используйте другой алгоритм раскладки для grid(ов).
grid-auto-flow: column dense;
Ответ написан
Ваш ответ на вопрос

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

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