Я пытался создать сетку с использованием angular -материала. Поэтому я использую директивы md-grid-list и md-card. но результат довольно уродлив, и я не уверен, что понимаю, как работает md-row-heigh (ratio), у меня есть документация, но она не говорит много.
Вот что я делал до сих пор: http://codepen.io/stunaz/pen/qdQwbq, я стараюсь иметь гибкую сетку карты, даже не уверен, что здесь подходит список md-grid.
<md-grid-list md-cols-sm="1" md-cols-md="2" md-cols-gt-md="6" md-row-height="300px" md-gutter="12px" md-gutter-gt-sm="8px">
<md-grid-tile class="gray" ng-repeat="user in users">
<md-card>
<img src="http://placehold.it/150x150" class="md-card-image" alt="user avatar">
<md-card-content>
<h2>{{user}}</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</md-card-content>
<div class="md-actions" layout="row" layout-align="end center">
<md-button>Save</md-button>
<md-button>View</md-button>
</div>
</md-card>
</md-grid-tile>
Я открыт для любой помощи.