Как заставить в slick слайдере прилипнуть к правому краю?

Question

[redesupar]

Сделал пример своего слайдера


Вопрос, как заставить чтобы последний элемент был прикреплен к правой стороне? скажем последний элемент "Ремонт, мастерская" была прикреплена к правому краю, но чтобы дальше элементы не шли? причем мне нельзя делать равную ширину и нельзя чтобы было только 2 или 4 элемента видны или же делать бесконечную прокрутку. Средствами css как я понял не получится.
Повторюсь еще раз) есть у меня длинный слайдер скажем 1700px и ширина контейнера сайта 1100px(overflow:hidden), вот чтобы когда последний элемент дошел до конца правого края, больше чтобы не листалась налево.

Comments

[Алан Гибизов]

Правильно оформляйте ссылки codepen. И не надо лишних тегов.

[redesupar]

Алан Гибизов, пардон, я еще и не ту ссылку скинул)

[Виталий Першин]

попробуйте лучше swiperjs https://swiperjs.com/demos#slides-per-view-auto

[redesupar]

Виталий Першин, Я его использовал, но там примерно тоже самое, но чуть-чуть получше. Все равно не прикрепляется к правому краю (одно место остается) использовал slidesPerView auto

[LAVladis]

redesupar, можно попробовать сделать с помощью CSS Flexbox.

._js_foodmall-filter_slider {
  display: flex;
  overflow: hidden; /* Ограничиваем видимую область */
}

/* Последний элемент прижимаем к правому краю */
.events-filter__item:last-child {
  margin-left: auto;
}

/* Предотвращаем изменение размера элементов прижатых к правому краю */
.events-filter__item:last-child a {
  white-space: nowrap;
}