Lektion 6 von 7

Karten nebeneinander anordnen

Standardmäßig stapeln sich divs. Um sie nebeneinander zu stellen, packe sie in eine <div class="row"> mit display: flex.

gap fügt Abstand zwischen den Karten hinzu — schöner als zusammengeklebt!

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

🎯 Deine Mission

Packe deine beiden Karten in eine <div class="row"> und gib .row die Eigenschaft display: flex (und ein gap, wenn du magst).

PRO-Lektion

Dieses fortgeschrittene Kapitel gehört zu CodeAge PRO. Schalte es frei, um dein Abenteuer fortzusetzen.