Как выровнять пункты списка?

Question

[Матвей Феникс]

Как можно выровнять вот такой список в 3 колонки?

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
     ........
</ul>

Высота у блоков может быть разная, как и их количество. Со знаком вопроса - большой блок, с картинкой.
Если выравнивать через flex-flow: row wrap - при большой высоте одного из блоков строки следующая строка начнется там, где закончился самый большой блок предыдущий строки.

Общая высота списка также может меняться, так что вариант flex-flow: column wrap и ограничение блока родителя по высоте тоже не подходит.

Comments

[Сергей delphinpro]

НЕ УМЕЕТ ТАК ФЛЕКСБОКС. Тысячу раз уже сказано.
Кирпичная кладка только скриптом masonry

Answer 1

[uiworks]

https://masonry.desandro.com/

Comments

[Матвей Феникс]

Спасибо)