Центр карусели по отзывчивости

Question

У моей карусели плохое выравнивание на маленьких экранах, но на ноутбуке / настольном компьютере s fine. I я приложу для вас скриншот и мой css код.

Большое спасибо.

.MultiCarousel { margin-right:15px; margin-left: 15px;float: left; overflow: hidden; padding: 5px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
    .MultiCarousel .MultiCarousel-inner .item { float: left;}
    .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:20% ; }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }

    .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

Answer 1

Не используйте left: и right:, взгляните на это

https://www.w3schools.com/css/css_align.asp

все, что вам нужно сделать на карусели это margin: 0 auto;