LU01b - Prinzipien des Tailwinds

Jede Tailwind-Klasse hat ein einheitliches Muster:

<Eigenschaft>-<Wert>

→ Eigenschaft: Steht für die CSS-Eigenschaft, die die Klasse kontrolliert (z. B. bg für background-color, text für color).

→ Wert: Gibt die Einstellung für diese Eigenschaft an, wie z. B. eine Farbe (red-500), einen Abstand (4), oder eine Grösse (lg).

Beispiel:

<div class="text-center text-blue-500 bg-gray-200 p-4">
  Hallo Welt!
</div>