Flexbox
Flexbox (Flexible Box Layout) est un module CSS permettant de créer des mises en page unidimensionnelles qui organisent les éléments en lignes ou en colonnes, idéal pour les designs responsifs. En web design , il simplifie l'alignement et la distribution ; en SEO, il favorise l'optimisation mobile.
Flexbox organise les éléments dans une direction, horizontalement ou verticalement, et répartit l'espace disponible entre eux. Cela résout les problèmes d'affichage sur trois lignes qui nécessitaient auparavant l'utilisation abusive de tableaux ou d'éléments flottants.
Pour les distinguer, une règle simple consiste à utiliser Flexbox sur un axe et Grid sur deux. Un en-tête avec un logo à gauche et une navigation à droite est un exemple de Flexbox. Une grille de douze cartes avec des colonnes et des lignes identiques est un exemple de Grid. Quiconque conçoit tout avec Flexbox aura des difficultés avec les sauts de ligne à partir de la deuxième ligne ; quiconque conçoit tout avec Grid se retrouvera à devoir se contorsionner pour insérer de simples lignes.
Retour au glossaire