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

Question

[mukzer]

Как правильно сверстать такой блок состоящий из двух колонок?

Answer 1

[Юрий]

По-хорошему, в 2021 году такие вещи надо верстать через column-count. Поддержка по Caniuse прекрасная.

В реальной жизни, конечно, всё не идеально, особенно в Сафари, но это точно лучше костылей с гридами, флексами и, прости господи, флоатами.

Answer 2

[Кирилл Резанов]

Можешь родителю дать:

display: flex;
flex-direction: column;
flex-wrap: wrap;

И потом задать определенную высоту, при достижении этой высоты контент, который не влазит уедет на вторую колонку и так далее

Answer 3

[Yupiter7575]

Вариант 1: гридами
Вариант 2: флексами
Вариант 3: display: block; float: left;