Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive

[guillaume]

Je refais mon menu principal. Flexbox marche bien mais le sous-menu à 3 niveaux devient illisible sur mobile. Grid serait plus adapté ? Exemples concrets ?

[webmaster59]

Grid c'est top pour les structures complexes. Regarde du côté de grid-template-areas. J'ai un exemple sur mon GitHub (désolé, je peux pas linker ici).

[flo_net]

Attention à l'overkill ! Pour un menu, Flexbox + media queries suffisent souvent. T'as essayé un burger menu en dessous de 768px ?

[guillaume]

Le burger menu pose problème avec mon public âgé qui ne comprend pas l'icône... Il me faut une solution visuelle claire.

[flo92]

Dans ce cas, combine les deux : Grid pour le desktop, et transforme en accordéon pour mobile. J'ai fait ça pour un client médical, taux de rebond -22% !