Как сделать такую сетку?

Question

[Breeze1]

Реально ли сделать сетку в одном родители, не разбивая на колонки вот такую сетку?

Только чтобы элементы из левой колонки подтягивались вверх к первому блоку. Высота блоков может быть разной.

Comments

[Александр Васильев]

с гридами хз как, без них можно как-то так
column-count: 2; контейнеру и break-inside: avoid; элементам.
Но при этом порядок элементов будет вертикальный, а не горизонтальный.

spoiler

[Ankhena]

Если высота ячеек одинаковая, то нет проблем, т.е. если нужен просто сдвиг одного столбца относительно другого.
Если высота неизвестна, то либо css columns либо скрипты семейства masonry.
Либо долго-долго ждать нативную masonry раскладку.

Answer 1

[Антон Антон]

либо как-то так https://codepen.io/FragsterAt/pen/QwwxEMj
либо, если высота блоков должна быть независима, гуглить масонри, columns и прочее, гридом такое не сделать.

Answer 2

[ANKU]

Да, возможно, гугли masonry