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

Question

[Smeecy Smeecy]

Почему теряется правая граница слайда?
Пример, раздел Наши партнёры.

Answer 1

[азаза]

потому что

.slick-list {
    overflow-x: hidden;
}

Comments

[Smeecy Smeecy]

Это логично, чтобы скрыть остальные слайды.

[азаза]

Smeecy Smeecy,
смотрите в сторону border или width
очевидно что граница теряется на border
есть такая штука как
box-sizing: border-box;

Answer 2

[Дмитрий Арушанов]

Нехватка 1px
попробуйте

.unit-wrapper {
width: 1407px; // old-value- 1406px
}

Comments

[Smeecy Smeecy]

Не помогает, я задавал значение

.slick-list {
margin-right: -1px;
}

Но это помогло лишь на некоторых разрешениях.

[Максим]

Smeecy Smeecy, -4px поставь и проверь

[Smeecy Smeecy]

Максим Ленский, на 1280 теряется граница) , конечно, возможно сделать это всё медиа-запросами...

Answer 3

[Aleksandr]

.slick-list {
    margin-right: -1px; // зачем это свойство у вас?
}

Comments

[Smeecy Smeecy]

Такое решение помогло, лишь на некоторых разрешениях, если его убрать, все равно граница будет не видна.

.slick-list {
margin-right: -1px;
}

Answer 4

[tyzberd]

сделайте ширину 100% и добавьте padding. У вас ширина 93% от целого числа ширины экрана, поэтому иногда получаются дробные значения.

.slider {
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}

потом поправьте стрелочки right, left