Making a div the size of the Viewport

[Burlingame]

I want to create a div that houses my home screen content everything above the fold making it 100% width and height with centered content within the div, and then include more content below the fold making it 100% width but varying heights. I was attempting to use flex box but cannot seem to get the first child to expand to fill the page fully.

https://codepen.io/burlingame/pen/pRdVGx

[Atelierbram]

Have you tried viewport-units?

.child1 {
  min-height: 100vh;
}

http://codepen.io/atelierbram/pen/dNZKYN

[Burlingame]

Thank you that will work for what I need.

[Author]

Posts