Почему паддинг с права не работает?

Question

[Novamoscow]

Частичный код сайта. https://codepen.io/novamoscow/pen/WpdRKd

Смотрю на разрешении шириной 320 пх. Поставил контейнер 300 и паддинги по 10 с лева и с права. С лева все норм, а с права паддинг есть (так показывает консоль разработчика в браузере)
Но контент залезает на него. Как картинка так и текст.

Answer 1

[Сергей delphinpro]

Что это? И чего вы хотите добиться?

Поставил контейнер 300

Где поставил? Какой контейнер?

Давай еще раз, все с начала, и нормальным техническим языком.

Comments

[Novamoscow]

Поправил.
.container_padding_15 {
width: 300px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden
}

Вот тут я заданию паддинг с лево и с право. с лево паддинг работает с право нет.

[Novamoscow]

Novamoscow: Добавил фото к вопросу

[Сергей delphinpro]

Novamoscow: об этом речь?

Тут всё очевидно - размеры фиксированные

[Сергей delphinpro]

Novamoscow: Если у вас вложенные контейнеры - попробуйте использовать max-width, вместо жесткого width.

[Novamoscow]

Сергей: да об этом. Но ведь задаю контейнеру ширину 300пх и паддинги по 10 = 320. И открываю разрешение на 320. Вообщем как исправить не понял

[Сергей delphinpro]

Novamoscow: у тебя один контейнер внутри другого. И у обоих 300пх + паддинг. 320пх никогда не вместится в 300. Логично?

[Novamoscow]

Сергей: блин такая глупая ошибка )) спасибо большое Сергей!