A way to add padding without causing it to move the text?

HTML-CSS
1

link to the codepen: https://codepen.io/nianaz/pen/yLXeBWR?editors=1100
every time I add padding the text moves to the right side instead of adding more value, how do i cause this to stop?

2

box-sizing:border-box; Outside of freecodecamp/codepen this would be written at the top ie
* { or html {
box-sizing:border-box;
}
Here the course warns about not using * which confuses me. So just use it where you need it. It makes sure that padding/margin are included in sizes and not added on top after

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.