How to set different width for md-grid-tile

Question

I use new Angular Material. This code produce grid with two columns:

<md-grid-list cols="2" rowHeight="10">
  <md-grid-tile></md-grid-tile>
  <md-grid-tile></md-grid-tile>
</md-grid-list>

How to set 20% width to first columns and remaning 80% to second?

Answer 1

Try this:

<md-grid-list cols="10" rowHeight="2:1">
  <md-grid-tile colspan='2'>1</md-grid-tile>
  <md-grid-tile colspan='8'>2</md-grid-tile>
</md-grid-list>

you need to read this documentation: https://material.angular.io/components/grid-list/overview