PROJET 4.1 : Navigation responsive avec Flexbox

Niveau : DÉBUTANT
Description : Créer une barre de navigation responsive qui se transforme en menu burger sur mobile.
Durée estimée : 4 heures

Fonctionnalités

• Flexbox pur display: flex, justify-content: space-between, align-items: center, flex-wrap, gap
• Responsive Breakpoint à 768px, menu burger avec animation fluide
• Menu dropdown au hover avec sous-menus
• Dark mode Toggle via checkbox CSS pure
• Logo resize au scroll via CSS animation-timeline: scroll()
• Accessible aria-label, sémantique HTML5, alt sur les images
• 0 JavaScript Tout le fonctionnement repose sur du CSS uniquement

Structure

index.html
flexbox-nav.css
images/
  Fille_avec_livre.png

Captures

Desktop	Mobile
Nav complète avec logo, menu, bouton Découvrir, dark mode toggle	Menu burger avec overlay, menu slide-in

Auteur

BABA Aristote Promotion Akieni Academy