title: How to scroll horizontally inside layout=row in angular material
body: <p>i'm trying to make a slider with just horizontal scrollbar with cards in that, so to achieve that i'm trying to scroll the layout="row" inside with ng-repeat inside</p>
  
  <p><a href="https://codepen.io/williamscott701/pen/GmLada" rel="nofollow noreferrer">https://codepen.io/williamscott701/pen/GmLada</a></p>
  
  <pre><code>&lt;body ng-app="myApp" ng-cloak ng-controller="ProductController"&gt;
    &lt;md-content class=" md-padding " layout="column "&gt;
      &lt;div layout="row"&gt;
        &lt;div flex="33" ng-repeat="y in [1,2,3,4,5,6,7,8,9,10,11] "&gt;
          &lt;md-card&gt;[ flex = 33 ]
          &lt;md-card&gt;
        &lt;/div&gt;
      &lt;/div&gt;    
    &lt;/md-content&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>i dont know where it's going wrong</p>
  
  <p>Thanks</p>