Menu icon Foundation
Full height XYGrid

How can I create an XYGrid that sizes it's height to the full height of the window where each to the Y cells takes up the full height for its portion of the window?

XYgrid

How can I create an XYGrid that sizes it's height to the full height of the window where each to the Y cells takes up the full height for its portion of the window?

napishu 8 months ago

Use 

min-height: 100%

height: 100%

for your divs

 

napishu 8 months ago

OR 

section {
  height: 100vh;
}

Shimon Shore 8 months ago

Thank you for your help but I have tried that but it I still cannot get it to work.

 

See https://codepen.io/ShimonShore/pen/bajdoQ

 

I want the grid (the grey and red backgrounds) to stretch to the full height of the browser.

 

 

lukenlow lukenlow 8 months ago

Thanks for the helpful tips, they really helped me to solve this problem 192.168.0.1