Retour à la leçon
Mission

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.