There is a card code

<div ng-controller="AppCtrl"> <h1>User List</h1> <div class='md-padding' layout="row" flex> <div layout="row" flex> <div class="parent" layout="column" ng-repeat="user in users" flex> <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> </div> </div> </div>

But in the browser all the cards are unrealistically stretched and not beautiful, how can I specify the height? Because If you enter the height manually, the design of the cards breaks (

  • What md-card ? - Grundy
  • @Grundy material.angularjs.org/latest/demo/card - Vorobey.A 6:36 pm
  • Maybe this is due to the fact that inside the md-card directive lies not only the md-card-content but also the left unwrapped picture? I didn’t see the second example - Grundy
  • @Grundy thanks a lot)) helped) - Vorobey.A 6:42 pm
  • o_O what helped? - Grundy

0