Как сверстать такой блок?

Question

[Andy Oker]

Блок:


1) Максимальное кол-во элеметов 4
2) Когда элементов меньше 4х идут в ряд
3) 4 - тое изображение должно прилипать ко второму и если во втором будет разное кол-во контента, то он оттолкнет вниз и сам 4тый блок

HTML структура:

<div class="box">
 <div class="box__item"></div>
 <div class="box__item"></div>
 <div class="box__item"></div>
 <div class="box__item"></div>
</div>

Comments

[Ankhena]

https://jsfiddle.net/hd4wze6q/

[Andy Oker]

Ankhena, круто, спасибо
А можно как - то тут сделать, чтобы 1 и 3тий элементы по высоте ровнялись между собой?

[Ankhena]

Andy Oker, можно, если знать соотношение количества контента в блоках.
Иначе на js.

Answer 1

[Антон Шаманов]

https://masonry.desandro.com/