03 — Flexbox

3.1 — Barre de navigation

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

.nav-links {
  display: flex;
  list-style: none;
  gap: 24px;
}

3.2 — Cartes de même hauteur (bouton toujours en bas)

Carte 1

Contenu court.

Carte 2

Contenu beaucoup plus long pour tester l'alignement vertical des boutons avec les autres cartes.

Carte 3

Contenu moyen.

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

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

.card p {
  flex: 1; /* pousse le bouton vers le bas */
}

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