Как сделать так чтобы не резалась тень при overflow scroll?

Question

[vlad123032]

Добрый день, режется тень из-за overflow-x: scroll; как сделать так чтобы не резалась? maslianik.website/kinoteatr/tickets.html - смотреть на планшетной версии 992 или 768

Answer 1

[Hryhorii]

Добавь паддинги по бокам и резаться не будет

Comments

[vlad123032]

Я понимаю, но нужно без отступов по бокам, так уже не тот стиль будет))

Answer 2

[Pavel-ww]

Примерно так

.ticket__flex .ticket__item {
	overflow-x: visible; /*или просто удалить этот стиль ( у вас значение scroll зачем-то)*/
}
.ticket__flex .ticket__item .inner__ticket {
	margin: 0 -10px;
	padding: 0 10px 25px;
}

Вроде по БЭМ делаете. Зачем составные селекторы?

Answer 3

[vlad123032]

.ticket__flex .ticket__item .inner__ticket {
margin: 0 -10px;
padding: 0 10px 25px;
}
При этом ничего не поменялось
.ticket__flex .ticket__item {
overflow-x: visible; /*или просто удалить этот стиль*/
}
А если убрать overflow то прокрутка исчезает