<mat-grid-list cols="4" rowHeight="250px">
  <mat-grid-tile *ngFor="let planner of planners" >
      <mat-card class="example-card" >
        <mat-card-title>{{planner.name}}</mat-card-title>
        <mat-card-content>
          {{planner.description}}
        </mat-card-content>
        <mat-card-actions>
          <button mat-raised-button color="primary">
            <mat-icon>edit</mat-icon> Edit
          </button>
          
          <button mat-raised-button color="accent">
            <mat-icon>remove_red_eye</mat-icon>Details
          </button>
        </mat-card-actions>
      </mat-card>
  </mat-grid-tile>
</mat-grid-list>