Exercice 2: Box Model

2.1 Comprendre le Box Model

.box {
    width: 300px;
    padding: 20px;
    border: 5px solid #333;
    margin: 15px;
}

Avec box-sizing: content-box, la largeur totale est :
300 + (2 * 20) + (2 * 5) = 350px

Avec box-sizing: border-box, la largeur reste :
300px

2.2 Centrer un élément

    .parent {
        width: 500px;
        height: 500px;
        background-color: #355;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .centrer {
        width: 100px;
        height: 100px;
        background-color: #333;
    }