Avec chaque nouvelle révision de CSS, une pléthore de nouveaux attributs passionnants sont mis au jour. l'un d'eux étant l'affichage discret: l'approche de flex.

Le modèle de mise en page Flexbox flotte sur le Web depuis un petit moment, chaque fois avec ses propres variantes (certaines dépassées, comme l'affichage: boîte ou affichage: méthode Flexbox).

Dans le guide d'aujourd'hui, nous découvrirons les avantages de l'utilisation de la technique Flexbox dans nos propres mises en page.

Parmi les caractéristiques du nouveau modèle, citons:

  • Dimensionnement facile basé sur les ratios; pas besoin de toucher votre HTML
  • Réorganisez en un tour de main en utilisant des entiers dans la feuille de style
  • S'applique à tous les éléments enfants d'un parent correctement défini
  • Plus de correctifs!

Dans partie 2 nous examinerons comment aller encore plus loin et transformerons votre présentation en flexbox en un design réactif à part entière!

Avez-vous utilisé l'approche de la boîte flexible pour la mise en page? Préférez-vous une méthode différente? Faites le nous savoir dans les commentaires.

Image / vignette en vedette, image flexible via Shutterstock.