Сдвиньте скользкий слайдер, чтобы он отображал карты с 1,5 слайдерами

#javascript #html #css #slider #slick.js

Вопрос:

Я использую скользкий слайдер для слайдера обзора. У меня есть несколько карт, и я хочу, чтобы 1.5 был виден (на мобильном телефоне). Я сделал свои карты 80 Вт с некоторым запасом справа. Это прекрасно работает, как вы можете видеть на рисунке 1. но когда я прокручиваю, я хочу сдвинуть прокрутку, потому что она отображается неправильно (изображение 2).

Как я могу исправить это лучше всего?

Вот мой css

 #ProductReviews .ProductReviewList li { display: inline-block; width: auto; max-width: 80vw !important; min-height: 27rem; background-color: var(--white); border: 1px solid var(--border); border-radius: 5px; padding: 0.5em 0.8em; margin-top: 1rem; margin-right: 1em; }  

изображение 1
изображение 2