Почему padding не работает?

Question

[karinasorokina]

https://codepen.io/IninsayY/pen/zYxgdOq

Почему правый паддинг не работает, но если сделать левый 5% - то все работает?

Comments

[karinasorokina]

Ankhena, странно, у меня было так:

[Ankhena]

karinasorokina, там внизу еще была горизонтальная полоса прокрутки ;)

[karinasorokina]

Ankhena, нет, у меня fullpage.js

[Ankhena]

karinasorokina, зашибись ))))))
Вы выложили пен. В нем есть полоса прокрутки, работают паддинги и вообще нет js.
Про fullpage знаете только вы.
Сейчас ответ уже есть, но на будущее, оформляйте вопросы нормально, с полной информацией, а не кусками. Будете получать быстрые и четкие ответы :) Всем будет приятнее.

[karinasorokina]

Ankhena, Извините, я новенькая. Буду знать, спасибо за ответ

[Ankhena]

karinasorokina, всё ок, велкам, осваивайтесь.

Answer 1

[WapSter]

Почему не работает? Все работает. Ты задала 100vw + 10% вот блоки и расширились, у нижнего 100vw + 5%, по этому он меньше первого. Чтобы паддинги не выходили за пределы ширины или высоты блока, нужно задавать ему box-sizing: border-box;

Comments

[karinasorokina]

Я уже поняла, но все равно спасибо :)

[WapSter]

karinasorokina, то что ты поняла это все равно не верно. Если контент внутри блока с % будет больше ширины окна допустим, то паддинги расширят этот блок.

[karinasorokina]

WapSter, Аааа, теперь уже поняла) Буду в последующей верстке делать так

Answer 2

[karinasorokina]

Я поняла, там width: 100vw; стоял. Я заменила на %