Solution détaillée

Exercice 3 : Flexbox

Présentation claire au format demandé : numéro de l'exercice, nom, question puis réponse.

Question 1

Créez une barre de navigation horizontale avec un logo à gauche et des liens à droite

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-links {
  display: flex;
  gap: 20px;
  list-style: none;
}
Question 2

Créez 3 cartes côte à côte avec un footer qui reste toujours en bas

.cards {
  display: flex;
  gap: 20px;
}

.card {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.card-link {
  margin-top: auto;
}