Exercice flexbox poésie d'hiver

Pour cet exercice, vous devez utiliser les propriétés flexbox apprises jusqu'à maintenant pour générer la mise en page de la navigation et des 2 colonnes de poésie.

Aperçu du résultat 👇 Matériel Pen de départ

Couleurs 🎨

Rouge impérial #f93943
Bleu doux #445E93
Dans tout l'exercice, vous ne devez que modifier le CSS et non le HTML. Requis de la navigation Vous devez utiliser les propriétés flexbox pour aligner les éléments du menu de navigation. Ajoutez un effet de survol sur les liens du menu de navigation ainsi que sur le bouton "Connexion". Générez le style attendu sur le lien ayant la classe .active-page. Pour le prochain requis, il est interdit d'utiliser autre chose que les propriétés natives de flexbox. Requis du contenu principal Vous devez utiliser les propriétés flexbox pour placer les 2 poèmes côte à côte, en 2 colonnes. Notes de cours 📚
Flexbox introduction flex-direction, justify-content, align-items, align-self
Flexbox intermédiaire figma dev mode et flexbox, flex-grow, flex-shrink, flex-basis, order