What is the right way to make responsive layout?

[sunshineo]

Bug, feature request, or proposal:

Question

What is the expected behavior?

I have a bunch of md-card under md-content. I used to use ng2-material

<md-content class="md-padding" layout="row" layout-wrap>
    <md-card *ngFor="let restaurant of restaurants" flex-gt-md="45" flex-md="100" flex-sm="100" flex-xs="100">
        <restaurant-card [restaurant]="restaurant"></restaurant-card>
    </md-card>
</md-content>

They used to have multiple cards on one row when screen is wide because of the flex settings. Now I changed to use angular2-material directly, these flex settings no longer works.

How should I manage the responsive layouts now? Thank you very much!

[benfuu]

Check out md-grid-list. You can arrange each md-card inside an md-grid-tile.

[jelbourn]

GitHub issues are only for bugs, feature requests, and proposals. Please direct questions to mailing lists, StackOverflow, gitter, etc.

[sunshineo]

@jelbourn Thank you. It could be that the flex support was broken though, right? ;)

[sunshineo]

And specially thank you @bennycooly

[sunshineo]

Hi @bennycooly , the md-grid-list does not work for me since it is not dynamic/responsive :(

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}