Holy Grail layout

Responsive Holy Grail layout with main elements in a flex container and it's contained elements growing as required. Footer resultingly either stays at bottom of viewport or scrolls to bottom of viewport if content is greater than viewport height:

 

 

style.css

 

Rendered view:

Leave a Reply

Your email address will not be published. Required fields are marked *