Flexbox – aide mémoire / Mémo

Voici un aperçu de toutes les propriétés CSS du module flexbox que j’ai tenté de synthétiser du mieux que j’ai pu. L’idée n’est pas d’apprendre toutes les facettes de ce module, mais plutôt d’avoir un moyen de retenir facilement le nom des propriétés de manière visuelle.

Car il faut bien l’avouer : comprendre et maîtriser flexbox n’est pas une mince affaire, d’autant plus que le comportement change suivant que les hauteurs, les largeurs, les marges ainsi que les retours à la ligne des blocs soient déclarées ou non.

J’espère que ce document synthétique vous aidera à mémoriser les propriétés de flexbox et n’hésitez pas à me faire vos retours pour améliorer le document et à le partager sur vos réseaux sociaux.

Flexbox, mémento sur toutes les propriétés CSS de ce module rassemblées dans une seule infographie.

 

Pour partager le mémo sur flexbox : télécharger le PDF (396 Ko)