My active slide with my swiperjs slider is not in the center

I did some custom CSS classes to have images vertically aligned and also to have to in correct sizes on mobile screens.

Any Idea what I am doing wrong?

Here is the link: /

My active slide with my swiperjs slider is not in the center

I did some custom CSS classes to have images vertically aligned and also to have to in correct sizes on mobile screens.

Any Idea what I am doing wrong?

Here is the link: https://markrabadan./personal-work/

• javascript
• css
• swiper.js

Share Improve this question Follow asked Oct 20, 2022 at 8:30 pixelcrashpixelcrash 3111 gold badge11 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

1. padding and margin for images messes with sliderjs. Use spaceBetween: 30 option instead.
2. You can either have clipped images of same size(image-fit:cover) or variable size images(max-width:100%; max-height:100%).

https://codepen.io/saravanapriyanm/pen/mdLZqOJ?editors=1000