How to make section hight equal to screen hight?

Hi, I have several sections on the page. One follow another. The last section is an image I wan to be screen hight. It’s mean, when user list page down to end, the last section should be tall enough to fill all browser window.

An example. Inner visible area in the browser is 200 px width and 300 px hight. My 1-st section is 100 px hight, 2-nd section is 50 px. I need 3-rd section to be 300 px to take a place of all available area when user scroll down the page till the end. It should resize as soon as browser change the window size.

Is it possible?

Try setting the section height to 100VH. This will always fill your browsers vertical height

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.