title: Angular material grid, rowHeight fit
body: <p>I am currently working with different content, with different materials Grid, I would like my tiles to be automatically height, but using the  tag, but I I'm not the result I want to get, so I have to use the  tag.</p>
  
  <p>my code:</p>
  
  <pre><code>  &lt;mat-grid-list class="quot-service-grid" cols="9" [rowHeight]="fit"&gt;
      &lt;mat-grid-tile [colspan]="6" class="quot-service-element"&gt;
  
        &lt;div class="quot-service-inf"&gt;
          &lt;h2 class="quot-service-name lw-grey"&gt;{{service.name}}&lt;/h2&gt;
          &lt;p class="lw-grey"&gt;{{service.description}}&lt;/p&gt;
        &lt;/div&gt;
  
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile class="left quot-service-comment" [colspan]="3"&gt;
      &lt;/mat-grid-tile&gt;
    &lt;/mat-grid-list&gt;
  </code></pre>
  
  <p>Thanks</p>