how do i create a grid of cards with angular material?

Question

I am trying to create a grid of three cards per row using ng-repeat. I have a normal array of javascript objects attached to the scope. The code below will create a fresh row fo

Answer 1

To be compling to material/angular, you must use flex attr to md-card. Flex attr will give you a proportional width about its parent.

    
      
      
        
{{user}}
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
      
      

        Save
        View
      
    
  

In this example, you will have two cards (40% each) and when the screen resizes to -sm, the cards will be at 80%.