Как верстать подобную сетку?

Question

[Cyber_bober]

Привет, сделал вот такую сетку для вывод постов.


По клику из админки div поста может стать в два раза больше (верхний правый угол). Но если я добавлю еще один пост в этот блок, то большой блок уедет и я получу дырку в сетке.


Есть ли способы, как избежать этих дырок? Можно даже бэкенд решения. по выводу этих постов

Answer 1

[Дмитрий]

Уже сто раз тут такой вопрос был - смотрите плагин masonry, решит вашу задачу.

Answer 2

[Назар Мокринский]

Если вам просто вывод - то решается на CSS с помощью display: flex (для удобства при использовании SCSS можно взять Flexy-plexy).
А если ещё по ходу размеры будете менять - то masonry ваш лучший друг.