title: Styling a md-grid-list
body: <p>I am using an Angular Material grid list to display around 500 - 1000 items. I am having some trouble styling it to my liking. Here is what the grid list looks like now:</p>
  
  <pre><code>&lt;md-grid-list md-cols-xs="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6"
                md-row-height="16:9"
                md-gutter="12px" md-gutter-gt-sm="8px"&gt;
  
    &lt;md-grid-tile ng-repeat="orgOrder in vm.orgOrders | filter: query1"
                  style="background: #f5f5f5"
                  layout-align="center center"
                  ng-click="vm.addOrder(orgOrder)"&gt;
      &lt;div layout="column"&gt;
        &lt;div&gt; {{orgOrder.orderNumber}}&lt;/div&gt;
        &lt;!--&lt;div&gt; {{orgOrder.reqExFact | date : 'dd/MM/yyyy'}}&lt;/div&gt;--&gt;
      &lt;/div&gt;
  
    &lt;/md-grid-tile&gt;
  &lt;/md-grid-list&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/i26c2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i26c2.png" alt="my awesome grid list"></a></p>
  
  <p>Here is what I would like to do:</p>
  
  <ol>
  <li>My grid titles(items) are a way too big for a single line, how do I make my grid titles fit the data in them? Setting the md-row-height="fit" makes it look like this.
  <a href="https://i.stack.imgur.com/jDNbb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jDNbb.png" alt="enter image description here"></a> </li>
  <li>At the moment my grid-list is several 'scrolls' long. I would like to put it into a container and add a scroll to it. Warping my grid-list or grid title in an md-container sets their height to 0. </li>
  </ol>
  
  <p>Let me know if you need to see any more of my code. </p>
  
  <p>here is a jsfiddle similar to my code:<a href="https://jsfiddle.net/rakshak/6tjgbb85/" rel="nofollow noreferrer">https://jsfiddle.net/rakshak/6tjgbb85/</a></p>
  
  <p>I would like the grid titles(items) to fit the text in them and I would like to wrap a container around the entire grid list and have a overflow scroll bar instead of the entire window scrolling. </p>