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

I just needed this; here's a more comprehensive solution, only using the layout features, for 3 columns:

    

        
            // ...
        
    

The card must be wrapped inside a correctly-sized div to keep the margins under control and avoid overflow.