title: Ionic cards scroll x-direction
body: <p>I am using Ionic Framework to build an Android Application. I need to display horizontally scrollable cards. Each card will display a product image, product title, product price and a button. I tried using ion scroll in x-direction, but cards doesn't seem to scroll in x-direction.</p>
  
  <p>I tried using this <a href="https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards" rel="nofollow">plugin</a>, but it seems like it can be use only with ion-pane and i am using ion-content.</p>
  
  <p>In the meanwhile, i found another solution - </p>
  
  <pre><code>&lt;div class="cardHolder"&gt;
                  &lt;ul&gt;
                     &lt;div&gt;
                          &lt;img ng-repeat="feature in featured track by $index" ng-src="{{feature.featured_image.source}}" class="examplePic" &gt;
  &lt;/div&gt;
               &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.cardHolder {
    height: 200px;
    width:100%;
    padding: 8px;
    margin: 6px;
  }
  
  ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  
  
  .examplePic {
    height: 150px;
    width: auto;
    border:1px solid black;
    margin: 2px;
  }
  </code></pre>
  
  <p>The issue with this solution is that, I am only able to retrieve the image and not the other details.</p>