Как сверстать подобные карточки?

Question

[Kipsi]

Здравствуйте. Подскажите пожалуйста как сделать подобное где 1 карточка при нажатии на подробнее она как бы сдвигала вниз нижнюю карточку. Либо просто такую сетку в целом где если 1 карточка длиннее других она сдвигает нижнюю вниз. Обычно во flex все карточки адаптируются одинаково под размер самой длинной либо она отодвигает весь нижний ряд целиком.

Answer 1

[Арсений Матыцин]

Это masonry, реализуется либо библиотекой одноименной, либо гридами с танцами с бубном, либо каким-то более изощренным методом.

Answer 2

[Максим]

Это супер баян - смотрите здесь фильтр + та самая раскладка
Менять надо только column-count
Вот сам пример: https://codepen.io/topicstarter/pen/MWbvgoa