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

Question

[Сергей Романюк]

На сайте есть такой блок, в нём есть одна картинка, которая выше всех. Как на флексах правильно сверстать такой блок без костылей?

Answer 1

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

1. Две независимые колонки.
2. Гриды.
3. Columns.
4. Masonry.

Скорее всего первый вариант, т.к. вроде как проглядываются равные промежутки между записями.

Comments

[Сергей Романюк]

Рассматривал первый вариант. Думал будет неправильно. Но походу так и сделаю

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

Сергей Романюк, при перестройке на мобильных устроства записи просто будут идти по колонкам сверху внизу, а не слева направо. Если это критично и даты сортированы так, чтобы отобразить их в условную строку, то тут скорее стоит использовать masonry.

[Сергей Романюк]

Ну и columns-count и т.д. Тоже рассмотрю. Спасибо большое