2.1 Comprendre le BOx Model

Question 1:
on a largeur totale = width + padding-right + padding-left + border*2
<=> largeur totale = 300px + 20px + 20px + 5*2 = 350px

Question 2:
ici le width inclut le padding et le border donc la largeur totale = 300px

Question 3:
Le reset CSS universel pour box-sizing
* { box-sizing: border-box; }

2.2 Center un element

        .box.center{
            width: 600px;
            height: 200px;
            border: 5px solid #333;
            margin: 0 auto;
        }
        
        .container{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }