search

arnaudleray / pocketgrid

PocketGrid is a lightweight pure CSS grid system for Responsive Web Design. Moreover, it is semantic, mobile-first, and allows to have an unlimited number of columns and breakpoints.
http://arnaudleray.github.io/pocketgrid/
MIT License
321 stars 48 forks source link

100% height #15

Open webbird opened 9 years ago

webbird commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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

Pwired commented 8 years ago

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.