title: Horizontal scroll in ionic 2
body: <p>I have been trying to implement horizontal scroll in ionic 2 page. But the content always gets vertically scrolled. </p>
  
  <p>I tried writing my own css by setting 'overflow-x to scroll'. But it didn't work. I also tried ionic's <strong>ion-scroll</strong> component by setting  'scrollX= true'. But the entire content got hidden. i.e it was not visible on the page at all. Below is the sample code i used for ion-scroll. Not sure what exactly i am missing here. </p>
  
  <p>Any guidance on this pls?. (I am new to Ionic 2 and CSS. So sorry if the question is too simple.)</p>
  
  <pre><code>&lt;ion-navbar *navbar primary&gt;
      &lt;ion-title&gt;
          Title
      &lt;/ion-title&gt;
  &lt;/ion-navbar&gt;
  
  &lt;ion-content&gt;
      &lt;ion-scroll scrollX="true"&gt;
  
          &lt;ion-card&gt;
              &lt;ion-card-content&gt;
                  content
              &lt;/ion-card-content&gt;
          &lt;/ion-card&gt;
          &lt;ion-card&gt;
              &lt;ion-card-content&gt;
                  content
              &lt;/ion-card-content&gt;
          &lt;/ion-card&gt;
  
      &lt;/ion-scroll&gt;
  &lt;/ion-content&gt;
  </code></pre>