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 10 months ago

Use 

min-height: 100%

height: 100%

for your divs

 

napishu 10 months ago

OR 

section {
  height: 100vh;
}

Shimon Shore 10 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 10 months ago

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