title: Angular2 Material Grid Full height
body: <p>I have started learning angular 2 material and it is very confusing because I cannot find many things in the documentation and official <a href="https://material.io/develop/web/" rel="nofollow noreferrer">material.io</a> css is written in terms of classes, whereas angular material uses "directive-like" objects.</p>
  
  <p>I would like to simply make my grid full screen height (height 100%), but I can't find such simple example. </p>
  
  <p>This is the most basic grid taken from angular2 material website, however, the row here is with fixed 1:1 ratio and not 100% height:</p>
  
  <p><a href="https://stackblitz.com/edit/angular-fp1akt-hotvqw?file=app/grid-list-overview-example.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-fp1akt-hotvqw?file=app/grid-list-overview-example.html</a></p>
  
  <p>If I am not mistaken grid is the basic building block for layout in which other html elements will be added.</p>