Ionic 3 ion-slides are not properly aligned with each other

Ionic Framework ionic-v3
1

I am trying to make a product comparison page in my ionic app. The first section should be the main specs titles (name, price, ram,…). So I figure out a way by using multiple ion-slides inside ion-slides, which worked perfectly before looping the array of products.

Here is the code:

<div>
  <ion-slides slidesPerView="5">
    <ion-slides slidesPerView="1" class="slideWidth" >
      <ion-slide>
          <ion-item class="slide_height">
              <ion-label><b>Logo</b></ion-label>
            </ion-item>
        <ion-item>
          <ion-label><b>Product</b></ion-label>
        </ion-item>
        <ion-item>
          <ion-label><b>Company</b></ion-label>
        </ion-item>
        <ion-item>
          <ion-label><b>Price</b></ion-label>
        </ion-item>
        <ion-item>
          <ion-label><b>Discount</b></ion-label>
        </ion-item>
        <ion-item>
          <ion-label><b>Final Price</b></ion-label>
        </ion-item>
        
      </ion-slide>
    </ion-slides>
    <ion-slides slidesPerView="2" pager paginationType="progress">
      <ion-slide *ngFor="let offer of array; let i = index">
          <ion-item>
        <img class="brand_logo" [src]="url">
            </ion-item>
        <ion-item>
          <ion-label>{{offer.product}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>{{offer.cname}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>{{offer.price}} $</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>{{offer.discount}} %</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>{{offer.price-offer.price*(offer.discount)/100}} $</ion-label>
        </ion-item>
        
      </ion-slide>
    </ion-slides>
  </ion-slides>
  </div>

Here is a stackblitz. The ion-items are not well aligned with each other, between the main fix ion-slide and the others generated in a for loop.

P.S.: Using ion-grid with ion-col and ion-row produced the same effect.