Trying to have a grid of card with angular material

Question

I have been trying to have a grid of card using angular-material. So I am using the directives md-grid-list and md-card. but the result is pretty ugly, and I am not sure to

Answer 1

You could use Flex Box instead of md-grid-list to have the same effect.

  

     

        

            ... Your content here
        
     
  

Take a look at this Example with fixed number of cards in a row:

http://codepen.io/anon/pen/bdQJxy

And a responsive example, using Wrap layout

http://codepen.io/anon/pen/MwzRde

Hope this is what you wanted.