How To achive responsive behaviour of Grid List

Bug, feature request, or proposal:

Shall have responsive directives as we have in angular-material(1) as given below

<md-grid-list
        md-cols-gt-md="12" md-cols="3" md-cols-md="8"
        md-row-height-gt-md="1:1" md-row-height="4:3"
        md-gutter-gt-md="16px" md-gutter-md="8px" md-gutter="4px">

What is the expected behavior?

Shall have a way to reduce or increase number of columns depending on screen size

What is the current behavior?

Not finding way to change number columns depending on screen size

[CDDelta]

You can workaround this by manually setting the number of grid columns in your own code. You can do it easily via flex-layout like this:

@ViewChild('grid')
private grid: MdGridList;`

constructor(private media: ObservableMedia) { }

ngAfterViewInit() {
        // ObservableMedia does not fire on init so you have to manually update the grid first.
        this.updateGrid();
	this.media.subscribe(change => { this.updateGrid(); });
}

updateGrid(): void {
	if (this.media.isActive('xl')) { this.grid.cols = 5; }
	else if (this.media.isActive('lg')) { this.grid.cols = 4; }
	else if (this.media.isActive('md')) { this.grid.cols = 3; }
	else if (this.media.isActive('sm')) { this.grid.cols = 2; }
	else if (this.media.isActive('xs')) { this.grid.cols = 1; }
}

[fsomme2s]

md-cols-gt-md="12" md-cols="3" md-cols-md="8"... looks much better to me, the “solution” is more like a nasty workaround

Don’t get me wrong - it’s great that the solution by CDDelta works - it just seems too complicated compared to other responsive approaches. Having those attributes would be much easier to handle.