title: Angular Material -md-grid-list content
body: <p>I am trying to use <code>md-grid-tile</code> of angular material.The Issue I am facing is content of <code>md-grid-tile</code> is aligned center.How to make to work it from Start</p>
  
  <pre><code>    &lt;md-content layout-padding&gt; 
  
           &lt;md-grid-list md-cols="6"
              md-row-height-gt-md="1:1" md-row-height="4:3" md-gutter-gt-md="16px"
              md-gutter-gt-sm="8px" md-gutter="4px"&gt; 
                      &lt;md-grid-tile
                      ng-repeat="room in floorDetails.roomDetails"
                      ng-style="{'background': '#f2f2f2'}"
                      md-colspan-gt-sm="3"
                      md-rowspan-gt-sm="2"&gt;  
  
  
  
                                  &lt;div layout="row"  layout-align="center center"&gt;
                                  &lt;b &gt;Room1&lt;/b&gt;
                                  &lt;/div&gt;
                                   &lt;div class='md-padding' layout="row" layout-wrap&gt;
                                           &lt;md-card class="md-card" ng-repeat="bed in room.bedIds"&gt;
                                               &lt;md-card-content&gt;
  
                                               &lt;/md-card-content&gt;
                                           &lt;/md-card&gt;
                                       &lt;/div&gt;
                               &lt;/div&gt;
                &lt;/md-grid-tile&gt;        
        &lt;/md-grid-list&gt;  
  </code></pre>
  
  <p>Current snap</p>
  
  <p><a href="https://i.stack.imgur.com/eGoz2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/eGoz2.png" alt="Current snap"></a></p>
  
  <p>Desired snap</p>
  
  <p><a href="https://i.stack.imgur.com/uvDNU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/uvDNU.png" alt="desired snap"></a></p>