CSS Layout

La mise en page (Layout) est cruciale. Aujourd'hui, on utilise principalement Flexbox et Grid.

Flexbox

Idéal pour aligner des éléments sur une ligne ou une colonne.

.container {
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center;     /* Centre verticalement */
    gap: 20px;              /* Espace entre les éléments */
}

Box Model

Chaque élément est une boîte composée de :

• Content : Le texte/image
• Padding : Espace interne
• Border : Bordure
• Margin : Espace externe