Flex quoi ?

Flexbox – pour Flexible Box Layout Module, actuellement en projet au W3C – vise à fournir un moyen plus efficace d’établir, aligner et distribuer l’espace entre les éléments dans un conteneur, même si leur taille est inconnue et/ou dynamique – d’où l’appellation «flex».

L’idée principale derrière la disposition Flex est de donner au conteneur, la possibilité de modifier les largeurs, hauteurs et ordres de ses articles, pour remplir au mieux l’espace disponible en mode responsive.

La mise en page Flexbox est particulièrement appropriée pour les composants d’une application ou petits écrans, alors que la disposition en grille est destinée aux écrans larges.

Flexbox browser support

FlexBox Browser support