title: Angular Material 6 grid list align-items and justify-content to flex-start
body: <p>I'm trying to use Angular Material 6 Dynamic grid-list. The example relating to the documentation puts contents of the grid in the centre of each tile. See example <a href="https://stackblitz.com/angular/voqveyovkjx?file=app%2Fgrid-list-dynamic-example.ts" rel="noreferrer">here</a></p>
  
  <p>I want the content to go in the top left hand corner of each tile.</p>
  
  <p>I have tried the following css which does not work.</p>
  
  <pre><code>.mat-grid-tile .mat-figure {
     justify-content: flex-start;
     align-items: flex-start;
  }
  </code></pre>