Every Layout

Une simple page de texte.

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

Deux Colonnes.

Flex is the answer:
section{ display: flex; }

“Le Zigzag”:
deux colonnes en alternance pair-impair.

section:nth-of-type(even) { flex-direction: row-reverse; }

“Les quatres colonnes”:
images et textes repartis sur quatre colonnes

body{display: flex;}