Как в owl центральный слайд больше других?

Question

[narem]

Как сделать слайдер подобного вида?
Если задать ширину слайдам - отображается криво

window.addEventListener('DOMContentLoaded', () => {
  $('.slider__main').owlCarousel({
    center: true,
    items:3,
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        600:{
            items:3
        }
    }
  });
});

Answer 1

[Александр Варлаков]

Вот есть пример на swiper https://kingsclub-tours.ru/ секция "Отзывы"
Верстал я.
Хоть и не Owl, а swiper, но суть не меняется - все слайды transform: scale(0.7);
Активному transform: scale(1);

Comments

[narem]

Свайпер даже лучше, спасибо, под него переделаю.

[Александр Варлаков]

narem, пожалуйста. Там в принципе в панели разработчика все видно будет, но если будут вопросы могу ответить