I have started learning angular 2 material and it is very confusing because I cannot find many things in the documentation and official material.io css is written in terms of classes, whereas angular material uses "directive-like" objects.
I would like to simply make my grid full screen height (height 100%), but I can't find such simple example.
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:
https://stackblitz.com/edit/angular-fp1akt-hotvqw?file=app/grid-list-overview-example.html
If I am not mistaken grid is the basic building block for layout in which other html elements will be added.
Best Answer
I suggest you to use FlexLayout from Angular. This is an independant library that allows you to manage all your position problem with efficiency.
This is more powerfull than the grid of material.
With Angular Material, this is top!