boxmodel.md

< Index

---

box model

• margin > border > padding > content < padding < border < margin
• default behaviour, the width property sets the width of the content

---

• on adding box-sizing: border-box, the width will be calculated including the padding and border
  • note: margin size is NOT included
  • because margin is spacing between elements and can impact other elements as well

---

• recommended to add this to all projects