Vertically Align Slider slides


#1

Hello, I am using a ion-slides to create an image slider. I am trying to get the images to align vertically in the slides. I was able to get the slides to align vertically on the computer and on an android device but it is not working on an ios device. It does however work in ionic lab. The code i am using is the following:

<ion-slides #imgSlider>
  <ion-slide *ngFor="let slide of images">
    <img [src]="slide.path" />
  </ion-slide>
</ion-slides>

.slider-slide {
text-align: center;
}
.swiper-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 400px;
}
.swiper-container {
display: grid;
}

If any one has any ides on how to get the images to align vertically it would be a huge help. Thank you.