Exercice 2 : Box Model

Présentation claire au format demandé : numéro de l'exercice, nom, question puis réponse.

Question 1

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

Largeur totale = 300px + 20px + 20px + 5px + 5px = 350px
(Sans compter les marges)
Avec les marges : 350px + 15px + 15px = 380px

Question 2

La largeur visible reste 300px, car padding et border sont inclus dans width.
Avec les marges : 300px + 15px + 15px = 330px

Question 3

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

Question 4

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

div {
  width: 600px;
}