100% height

[webbird]

I feel a bit dumb, but what is the intended way to have (left) nav and main (content) fill the page? The "traditional" -> header on top, footer on bottom, nav left, content ... you know where. ;)

[hansvanmeteren]

Hello Bianca
I always use https://github.com/liabru/jquery-match-height That's perfect for other page elements too (footer etc) I don't use the method as oulined here: http://arnaudleray.github.io/pocketgrid/docs/#automatic-rows-in-real-life
Hans

[webbird]

Thank you, Hans, I will look at that. I just hate that "position:absolute" tricks. :/

[Pwired]

A bit late but I want to share my experience on this not so long ago. The perfect solution I found is to use a nested block-group where you need to position text or an image. This way you can position very precise and keep everything responsive. In class blocks I only use padding and margin to position text and images. You can use both negative and positive values to position where you want. This way all stacked parent block-groups keep automatic height.
Greetings Pwired.