title: How can I nest a md-card within md-grid-tile on Angular 2 Material?
body: <p>I'm following the examples given on <a href="https://material.angular.io/components" rel="nofollow noreferrer">https://material.angular.io/components</a> and trying to put "X" number of cards in a same "row". To accomplish that, I nested a md-card within md-grid-tile.</p>
  
  <p>Here is a plunker of what I'm doing <a href="https://plnkr.co/edit/S8QkPOT8o34jWCO85S8P?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/S8QkPOT8o34jWCO85S8P?p=preview</a></p>
  
  <p>If figured out that md-grid-tile has a overflow:hidden css rule, if I change it to overflow:visible I can see the entire md-card inside a md-grid-tile</p>
  
  <pre><code>md-grid-tile {
      display: block;
      position: absolute;
      overflow: visible;
  }
  </code></pre>
  
  <p>It's this ok? Or how can I arrange X number of cards in the same "row"? Should I use another approach?</p>
  
  <p>Thanks.</p>