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.