Horizontal columns of the same height?

Question

css

Here vertical , but it is necessary horizontal.
Of course it is possible in JS, the question is whether there is a way to achieve this without it?
Here are the horizontal columns of
different heights, all columns should naturally have the height of the highest column
. The columns should be one under the other. Position and order must be preserved
Column as in example - 1.

Answer 1

Easy to do through grids - three times 1fr

Answer 2

Do it with flex