Как сделать, чтобы в итемах бордер не обрезался ( в слике)?

Question

[Antonio09]

https://jsfiddle.net/u6edk3ry/3/

Answer 1

[drawnofmymind]

.goods__col {
cursor: pointer;
position: relative;
margin: 0 4px;
margin-top: 10px;
padding-top: 3%;
margin-bottom: 20px;
outline: none;
outline: 1px solid red;
}

https://jsfiddle.net/cvtba47o/

Answer 2

[iBird Rose]

фишка в том, что блок .slick-list имеет overflow: hidden;
тебе просто нужно любыми способами отдалить блок от .slick-list
в твоем случае можно:
.goods__col {margin: 1px 4px;}

Comments

[Antonio09]

iBird Rose, спасибо
а если в адаптиве обрезается слева и справа
то просто уменьшить количество слайдов?

[iBird Rose]

Antonio09, ну если прям не умещаются, то лучше - да. количество слайдов уменьшить.
а так можно также оперировать отступами

[Antonio09]

iBird Rose, извините
можно последний вопрос в данной теме?)

после клика на итем идет пролистывание
не подскажете как убрать?
вроде ж draggable: false, задан

[iBird Rose]

Antonio09, focusOnSelect: false