title: Holy grail layout with 100% height
body: <p>I am trying to make a css layout that looks like this</p>
  
  <p><img src="https://i.stack.imgur.com/yTzXI.jpg" alt="enter image description here"></p>
  
  <p>The CSS term for this type of layout is known as the "holy grail" I think. The problem I am facing is that when I use layouts and solutions I find online I do not get them to work properly as I want them to. What I am trying to do is make a page that, regardless of content, will have the footer at the bottom of the browser and the columns stretching down to it. So far I have only seen pages that have the footer placed where the content stop, the result is some blank space under the footer.</p>
  
  <p>If anyone could help me out on this it would be greatly appreciated!</p>