
Elias Bobadilla
PreguntaCuando uso:
.carousel { width: 100%; padding: 30px; overflow: scroll; }
el scroll se desborda, porque suma el 100% del width más 30px de padding en cada lado, en los proyectos que realizo suelo solucionarlo así:
.carousel { width: calc(100vw - 60px); padding: 30px; overflow: scroll; }
pero no se, si sea una buena practica.

CRISTIAN BARBERO PÉREZ
Hola, para evitar eso y no tener que calcular, es recomendable utilizar la siguiente propiedad, que lo calculará por ti:
* { box-sizing: border-box; }