Почему при border-radius на карточке картинка начинает вылазить?

Question

[luxurypluxury]

Вот тут может не сильно заметно, но снизу можно заметить что картинка по углам выпирает с карточки.
https://jsfiddle.net/luxurypluxury/wqpzf9ca/14/

А в слайдере при прокрутке происходит вообще такое:

Comments

[Andrew E]

jsfiddle не работает в России с прошлого года, почему бы не выкладывать примеры кода где-то в другом месте? )

Так как не совсем понятна суть проблемы из-за отсутствия нормального визуального представления, предположу. Вы применили border-radius обертке изображения? Если да, попробуйте обертке применить overflow: hidden;. Таким образом скрывается все что выглядывает за пределы контейнера, а при скруглении углов, не скруглённое содержимое выглядывает.

Если я понял проблему неверно, опуликуйте примеры например на https://codepen.io или как-то больше визуала проблемы. Очень хочется помочь, правда)

[Сергей delphinpro]

Потому что вы скругляете блок, а не картинку.

[Сергей delphinpro]

Evgenii, по-разному делают. и так тоже.

[luxurypluxury]

Andrew E, https://codepen.io/luxurypluxury/pen/jOpgjYP

[Andrew E]

luxurypluxury, ну вроде все ок, ничего не выглядывает