Flexbox est un mode de disposition unidirectionnel, activé par display: flex sur un conteneur. Ses enfants, les éléments flex, sont alignés sur un axe principal (ligne ou colonne) et répartissent l'espace disponible. Il convient aux barres de navigation, rangées de cartes et alignements simples.
Exemple
nav {
display: flex;
gap: 1rem;
}