Как разместить элементы, как на картинке?

Question

[Дмитрий]

Нужно разместить на странице картинки, именно тегом img, не используя obect-fit:cover;
Смотрите иллюстрацию. Чую, что решение на поверхности, но я в ступоре. Помогите пожалуйста.

Comments

[lUser L]

masonry grid

Answer 1

[Дмитрий]

Это называется masonry-раскладка, есть подробная статья на Харб, в статье есть различные решения.
Есть готовое решение .

Comments

[Дмитрий]

Спасибо, мужик

Answer 2

[Икотий Айтишевич]

4 <div> с display: flex; и flex-direction: column; Подойдёт?