LU01.A03 - Eine responsive Karte erstellen

Aufgabenstellung

  1. Erstellen Sie ein leeres HTML-Dokument
  2. Binden Sie Tailwind CSS über CDN ein Anleitung
  3. Erstellen Sie eine responsive Karte mit folgendem Layout:
    1. Überschrift: In der Schriftgrösse text-xl, fett und zentriert.
    2. Inhalt: Ein Textblock mit einer Breite von w-96 und einem Innenabstand von p-4. Der Textblock soll:
      1. einen hellgrauen Hintergrund haben,
      2. bei kleineren Bildschirmen (sm) volle Breite einnehmen.

Rahmenbedingungen

Was Beschreibung
Produkt: HTML-Dokument mit der Vorgabe
Zeit: 15 Min.