Flexbox pour les nuls

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 ?

:google: "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... :weird:

Apprendre en s'amusant :

• FLEXBOX FROGGY

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 ?

Exact.

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

Citation:

---

Envoyé par 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.

---

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

À toi de te faire ta propre opinion...

J'essaierai demain

Apparemment, tu n'utilises pas toutes les possibilités des flex boxes, juste les bases, donc ça reste assez simple et comportement sympa, donc l'essayer, c'est l'adopter ;)
J'ai quand même certaines difficultés mais ça fera peut-être l'objet d'une autre discussion si je ne m'en sors pas.