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 7 days ago

Use 

min-height: 100%

height: 100%

for your divs

 

napishu 6 days ago

OR 

section {
  height: 100vh;
}

Shimon Shore 4 days 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 2 days ago

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