Как реализовать данную сетку?

Question

[msdoc11]

Здравствуйте, как реализовать данную сетку, можно ли с помощью css или на помощь необходим js?

Comments

[Антон Литвиненко]

Думаю тут можно справиться флексом и смещением каждого первого, второго и третьего элемента с помощью css

Answer 1

[Ankhena]

Если блоки одинаковой высоты, то решается нужными отступами и nth-child.

Если высота не одинаковая, то masonry или его аналоги.

Answer 2

[approximate solution]

https://css-live.ru/css/priklyucheniya-masonry-ras...

Answer 3

[ttm]

display: flex;