Discussion :

[laurentSc]

Bonsoir,

j'avoue avoir du mal à comprendre ce concept et la littérature à ce sujet (comme https://developer.mozilla.org/fr/docs/Web/CSS/flex ou https://developer.mozilla.org/fr/doc...flexbox_en_CSS) est au-dessus de mon niveau et je ne parviens pas à faire des trucs basiques (comme par exemple fixer la largeur du container ou celle des flex items). Existe-t-il une littérature abordable sur le sujet ?

[Invité]

"flexbox"

Des tutos pour les nuls abordables :

• A Complete Guide to Flexbox
• Using CSS Flexible Boxes

Ce n'est pourtant pas difficile de tester les codes d'exemples proposés...

Apprendre en s'amusant :

• FLEXBOX FROGGY

[laurentSc]

Merci pour les tutos. Comme j'ai peur de manquer une info importante si c'est écrit en anglais, je suis tombé sur https://developer.mozilla.org/fr/doc...flexbox_en_CSS qui a l'air d'être la même chose que https://developer.mozilla.org/en-US/...flexible_boxes mais traduit en français. OK ?

[Invité]

Exact.

[laurentSc]

J'aimerais bien avoir ton avis cette remarque de NoSmoking :

concernant l'utilisation de flex-box pour réaliser un menu et pour faire court, je dirais que si celui-ci est à un seul niveau il peut être intéressant effectivement d'utiliser les flex-box pour passer d'un affichage ligne -> colonne suivant la largeur d'affichage, ou encore de changer l'ordre des menus, mais si il s'agit de construire un menu à plusieurs niveaux, je n'en vois pas à priori l'intérêt par rapport à une présentation CSS classique qui à fait ses preuves depuis bien longtemps.

[laurentSc]

Voici en français le tuto du complete guide : https://la-cascade.io/flexbox-guide-complet/