Page 1 sur 1
Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive
Publié : dim. oct. 12, 2025 4:49 pm
par 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 ?
Re: Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive
Publié : dim. oct. 12, 2025 5:49 pm
par 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).
Re: Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive
Publié : dim. oct. 12, 2025 8:49 pm
par flo_net
Attention à l'overkill ! Pour un menu, Flexbox + media queries suffisent souvent. T'as essayé un burger menu en dessous de 768px ?
Re: Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive
Publié : lun. oct. 13, 2025 3:49 am
par 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.
Re: Intégration CSS Grid vs Flexbox : cas concret d'un menu responsive
Publié : lun. oct. 13, 2025 8:49 am
par 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% !