Responsive Design using md-grid-list in angular 2
Responsive Design using md-grid-list in angular 2 I am looking at basic example of md-grid-list in Angular 2 . HTML Code : <md-grid-list cols="4" rowHeight="100px"> <md-grid-tile *ngFor="let tile of tiles" [colspan]="tile.cols" [rowspan]="tile.rows" [style.background]="tile.color"> {{tile.text}} </md-grid-tile> </md-grid-list> TS Code : export class GridListDynamicExample { tiles = [ {text: 'One', cols: 3, rows: 1, color: 'lightblue'}, {text: 'Two', cols: 1, rows: 2, color: 'lightgreen'}, {text: 'Three', cols: 1, rows: 1, color: 'lightpink'}, {text: 'Four', cols: 2, rows: 1, color: '#DDBDF1'}, ]; } The above code results in this : How can I make the layout as "column" that is column "Two" to go below the rows(One and Four) on smaller screen size using some HT...