Aller au contenu

Exercice

Une des contraintes de votre projet est de rendre un site responsive et utilisable sur smartphone.

La réalisation d'un menu "hamburger" en CSS pur nécessite très souvent des positionnements tels que float, absolu, relatif. Etant donné le nombre de labos à notre disposition, ces types de positionnement ne sont pas vus.

⚠ si vous utilisez des scripts provenant d'internet, assurez-vous que vous les comprenez !

Pour le projet, les items des menus doivent simplement s'afficher les uns au dessus des autres.

Réalisation du menu

Ajoutez la média queries et les styles associés pour que les items de votre menu s'affichent les uns au dessus des autres.