Exercice 2 : Box Model

1. Avec box-sizing: content-box (défaut), quelle est la largeur totale visible de .box ?

Largeur totale = 300 + 40 + 10 = 350px

2. Avec box-sizing: border-box, quelle est la largeur totale visible ?

Largeur totale = 300px

3. Écrivez le reset CSS universel pour box-sizing

*, *::before, *::after {
  box-sizing: border-box;
}

2.2 Centrer un élément horizontalement

div {
  width: 600px;
  margin: 0 auto;
}

2.4 Centrer un élément horizontalement et verticalement

div {
  width: 600px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}