Retour à la leçonMission
Mission : une navbar accessible qui trompe le clavier
Corriger un centrage flex mal ciblé et un usage de order qui casse la navigation au clavier.
Contexte
Sur navbar.css, .navbar est en display: flex; flex-direction: column; (un choix temporaire pour un futur menu mobile) et garde justify-content: center; en espérant centrer le logo, les liens et le bouton horizontalement. Résultat : ils sont centrés verticalement mais restent collés à gauche. Par ailleurs, un développeur a ajouté order: -1; sur le bouton .cta pour l'afficher visuellement en premier, à gauche du logo, sans toucher au HTML.