Не получается выставить два слайда по центру при ширине 1024 и меньше?

Question

[Максим Иванов]

https://codepen.io/roderen/pen/bGwygqG

Сейчас выше 1024пх, слайдер выглядит вот так:


На 1024пх и ниже он выглядит уже вот так:


А должен на 1024пх и ниже выглядеть вот так:


Просто не могу понять почему я не могу выставить по два слайда по центру...

Comments

[Фёдор]

Вы можете просто скрыть другие слайды и отображать их только при прокрутке.

[Максим Иванов]

Фёдор, Это мороки... Да и даже если использовать этот способ, то как выстроить по центру

[Ankhena]

Попробуйте сделать variableWidth false там где 2 слайда

[Фёдор]

Максим Иванов,
Родительскому контейнеру выставить:

display: flex;
    flex-direction: row;
    justify-content: center;

[Максим Иванов]

Ankhena, картина та же самая

[Максим Иванов]

Фёдор, неа

[Ankhena]

Максим Иванов, ничего не мешает уменьшить ширину слайдера

[Максим Иванов]

Ankhena, тьфу! Точно, max-width: 800px; и margin: 0 auto; сделал