Every Layout

Une simple page de texte.

Fonction essentiel pour une page simple
body { max-width: 30rem; margin: auto; }

Une page colonnes.

Fonction essentiel pour page colonnes section { display: flex ; }

Une page zigzag.

Fonction essentiel pour page colonnes section: nth-of-type(even) { flex-direction: row-reverse;}

Une page 4 colonnes.

Fonction essentiel pour page 4 colonnes body { display: flex;}