Herausforderung: Karten

Aufgabe

Verwenden Sie Tailwind CSS, um eine Kartenkomponente mit den folgenden Anforderungen zu erstellen:

1. Die Karte sollte haben:
   • Eine maximale Breite von md;
   • Abgerundete Ecken;
   • Eine Hintergrundfarbe.
2. Die Karte sollte enthalten:
   • Ein Bild, das die volle Breite der Karte einnimmt;
   • Einen Titel mit fettgedrucktem Text und großer Schriftgröße;
   • Einen Absatz mit Standard-Schriftgröße und kursivem Stil.
3. Fügen Sie der Karte Abzeichen hinzu mit:
   • Abgerundeten Ecken und kleiner Schriftgröße.

• Verwenden Sie max-w-md, um die maximale Breite der Karte festzulegen;
• Verwenden Sie rounded, um abgerundete Ecken zur Karte hinzuzufügen;
• Verwenden Sie bg-purple-100, um die Hintergrundfarbe der Karte festzulegen;
• Verwenden Sie w-full, damit das Bild die volle Breite der Karte einnimmt;
• Verwenden Sie font-bold, um den Text fett zu formatieren;
• Verwenden Sie text-xl, um eine größere Schriftgröße für den Titel festzulegen;
• Verwenden Sie text-base, um die Basis-Schriftgröße für den Absatztext festzulegen;
• Verwenden Sie italic, um den Text kursiv zu formatieren;
• Verwenden Sie rounded-full, um den Abzeichen abgerundete Ecken hinzuzufügen;
• Verwenden Sie text-sm, um die kleine Schriftgröße für die Abzeichen festzulegen.