title: Stacking mat-checkboxes vertically within a mat-grid-list's mat-grid-tile component
body: <p>I am wanting to have a grid list with 2 columns and in those columns I am wanting 2 checkboxes that are stacked vertically.</p>
  
  <p>I have seen <strong><a href="https://stackoverflow.com/questions/46968990/angular-material-vertically-arranging-contents-in-a-mat-grid-tile">this question</a></strong> which does <em>somewhat</em> work, but I am wondering if there is a cleaner way around this, as I am having to use a considerable amount of <code>div</code>s to get this done....</p>
  
  <p><strong>How I have it working at the moment</strong></p>
  
  <pre><code>&lt;mat-grid-list cols=3 rowHeight="50px"&gt;
     &lt;mat-grid-tile class="tile"&gt;
         &lt;div&gt;
            &lt;div&gt;
              &lt;mat-checkbox&gt;One&lt;/mat-checkbox&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;mat-checkbox&gt;Two&lt;/mat-checkbox&gt;
            &lt;/div&gt;
        &lt;/div&gt;
     &lt;/mat-grid-tile&gt;
     ...
  &lt;mat-grid-list&gt;
  </code></pre>