I'm currently working on designing a slide within an ion item. Everything seems to be functioning correctly, however, the image inside the slide is not appearing in the center.
<ion-item style="height:45%; padding-left: 0;">
<ion-slides centeredSlides="true" zoom="true" class="image-slider" loop="true" slidesPerView="1">
<ion-slide *ngFor="let img of images">
<img style="max-width:100%; text-align: center; max-height:100%;" src="{{img}}" class="thumb-img" imageViewer/>
</ion-slide>
</ion-slides>
</ion-item>
Within my ts file, I have an array of URLs:
images = [
'https://pay.google.com/about/static/images/social/knowledge_graph_logo.png',
'https://connectnigeria.com/articles/wp-content/uploads/2018/05/google-apps.jpg',
'http://www.google.com/logos/doodles/2015/tu-bav-2015-5651988540817408-hp2x.jpg'
];
When implementing this code, there is a blank space on the left side instead of the image being centered along with the sliding UI as desired.