Block height when adaptive?

Question

css

Tell me, do I need to set a fixed height for the block? or can be leveled with paddings?
The problem is that when the screen height changes, the blocks begin to overlap each other.
For example, I set header: 100 vh. I start to reduce the width of the content, and the lower blocks fit on the header. The behavior of the lower blocks is justified. But how to solve this problem?
And in general, is it necessary to set a fixed height for blocks?

Answer 1

And in general, is it necessary to set a fixed height for blocks?

Depends on the layout and the designer's intent.
In most cases, it is desirable to do without specifying the height or setting the minimum / maximum.
If the header should be exactly 100vh, then recalculate the font size to the units associated with the viewport. (Just be sure to check on large and small window sizes, usually there you need to resize through media so as not to get giants and mini-dwarfs)