@tantumus21

Как гармонично встроить в сетку элемент нестандартного размера?

Есть сетка, по которой выстраиваются элементы (товары). Элементы добавляются в сетку динамически, так как отображаемые товары часто меняются. Каждый элемент сетки имеет свой вес - насколько товар популярен. Если вес превышает определенное число, то элемент, который его отображает, становится больше. Примерно, это должно выглядеть как-то так61a748885357f755310552.png
Как сделать так, чтобы большие элементы не ломали сетку, а "обтекались" элементами поменьше.
Знаю, есть Masonry, но хотелось бы обойтись без него. Можно ли это сделать средствами одного CSS?
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Можно
Гридами и grid-auto-flow: row dense;

Большим элементам задаете
grid-column: span 2;
grid-row: span 2;


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

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

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