Because one block is high, others are pushed down?

Question

css

joxi.ru/KAgeEooTgBRyym
The problem is, due to the fact that one of the blocks is high, the rest are aligned depending on the height of the largest block, is it possible to somehow make the blocks occupy the entire space?

Answer 1

Yes. In the simplest case

display: table-cell;
min-height: 100%;

https://jsfiddle.net/2q1xcdyL/
There are many ways, and which one to choose depends on the requirements for how it should behave on different screen sizes.
And yes, you should be ashamed for the fact that you are engaged in layout, but you cannot insert a screenshot.

Answer 2

Try flexbox, it's already 2018!

display: flex;
align-items: flex-start;