title: Angular Material Align Left Inside Grid List
body: <p>I have the following Grid List:</p>
  
  <pre><code>&lt;mat-grid-list cols="3" rowHeight="2:1"&gt;
    &lt;mat-grid-tile colspan="2"&gt;1&lt;/mat-grid-tile&gt;
    &lt;mat-grid-tile&gt;2&lt;/mat-grid-tile&gt;
  &lt;/mat-grid-list&gt;
  </code></pre>
  
  <p>The first tile has more stuff in it so I have it taking up two columns but the data is always centered in the middle of the tile. How can I get the content inside the tile to be aligned/justified to the left of the tile? I tried adding align-content and align-text as a class to the tile but the content never moves.</p>