title: Ionic 2 horitzonal scroll with ion items
body: <p>I'm trying to create a list of avatars, and each avatar to appear in the right of the previous avatar. When an avatar reaches the end of the screen, the user will be able to scroll left or right to see more avatars.</p>
  
  <p>I achieved this with the following code which worked in the previous ionic grid version, and now no longer works and when an avatar reaches the end of the screen, a new line is created instead of keep added to the same line with an option to scroll horitzonally:</p>
  
  <pre><code> &lt;ion-scroll scrollX="true" class="chooseBg" style="height:70px"&gt;
             &lt;ion-row&gt;
               &lt;ion-col *ngFor="let avatar of avatars"
               style="padding-right:0"&gt;
             &lt;ion-item&gt;
               &lt;ion-avatar&gt;
                 &lt;img
                 [src]="avatarImage(avatar)"/&gt;
               &lt;/ion-avatar&gt;
               &lt;/ion-item&gt;
               &lt;/ion-col&gt;
               &lt;/ion-row&gt;
          &lt;/ion-scroll&gt;
  </code></pre>
  
  <p>Any ideas how I can create hortizonal scroll of items using latest ionic grid system? (Ionic 2.2)</p>