Box Model
The content, padding, border and margin that determine an element’s layout box.
Padding sits inside the border and margin creates outside separation. With border-box, the declared width includes content, padding and borders. This makes responsive sizing easier to reason about, but long content can still overflow and needs separate attention.
.card { box-sizing: border-box; width: 100%; padding: 20px; }Continue with the css course →Learn for free. Practice for real. Build your future.Search lessons