Leçon 6 sur 7

Aligner les cartes côte à côte

Par défaut, les div s'empilent. Pour les mettre côte à côte, enveloppe-les dans une <div class="row"> avec display: flex.

gap ajoute de l'espace entre les cartes — plus joli que collées !

<div class="row">
  <div class="card">…</div>
  <div class="card">…</div>
</div>
<style>
  .row {
    display: flex;
    gap: 12px;
  }
</style>

🎯 Ta mission

Enveloppe tes deux cartes dans une <div class="row">, puis donne à .row la propriété display: flex (et un gap si tu veux).

Leçon PRO

Ce chapitre avancé fait partie de CodeAge PRO. Débloque-le pour continuer ton aventure.