Expand section to full screen height?

Question

css

Hello. I am a backend developer with some knowledge of the front. They made me a site on bootstrap4 with hard-recorded heights. As a result, it is not possible to do position: absolute + bottom: 0 normally, because it flies under the screen.
We want the height of the section to be equal to the entire height that remains on the screen except for the nav. Further, the same with the second container-fluid h-100. As a result, all the main content should be stretched to the full height of the screen.
vh are not suitable, because with a small resolution everything flies down, with a large one - up.

Answer 1

You have so much hardcode there that it’s not possible to figure it out right away and issue a ready-made solution for the entire layout at once, especially for free. But in the general case, you could use flex for this:
Topic on SO + example