How to properly arrange blocks 2 in a row?

Question

css

How to properly arrange blocks 2 in a row? So that neighboring blocks are the same size (that is, if one block has a lot of content, and the neighboring one has little, then the height of both blocks would be equal to the one with more content)?

Answer 1

Use css grid.
If you don’t know how, find any online grid designer.
Grids will become a browser support issue, this needs to be taken into account.

Answer 2

.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}