Div Section 100% Height of Browser Window?

Design help General
1

Looking to make a section be 100% of the height of the browser window, like in this webpage: http://www.katieplusluke.com/

Is this a possibility within Webflow?

2

This is what you are after

1 Like
3

Awesome, thanks.

Would I have to export the site to add in this code? I can’t seem to find anywhere to enter custom code. Am I missing something?

4

its in the webflow dashboard, but as you can see by the link I’m having trouble getting it to work too.

5

We can make any section height 100% easily.

  • We should select the BODY and just give a classname to the BODY and give height 100% then see the quick result.

Thanks
Azhar

6

Use 100VH for the height of the page and flexbox to center elements therein.

NB: A good practice is to set 100VH to the minimum height instead so that elements in the page do not ‘overflow’ in landscape mode on smaller screens or should the browser window be shrunk vertically.

2 Likes