Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:ffit:tailwind:learningunits:lu01:aufgaben:04 [2024/11/21 07:18] – angelegt kdemirci
+++ modul:ffit:tailwind:learningunits:lu01:aufgaben:04 [2024/11/21 07:20] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
-====== LU01.A03 - Eine responsive Karte erstellen ======
+====== LU01.A04 - Hero-Page ======
 ==== Aufgabenstellung ====
-  - Erstellen Sie ein leeres HTML-Dokument
+Sie erinnern sich hoffentlich an dieses Bild. :-)
-  - Binden Sie Tailwind CSS über CDN ein [[https://tailwindcss.com/docs/installation/play-cdn|Anleitung]]
-  - Erstellen Sie eine responsive Karte mit folgendem Layout:
+{{:modul:ffit:css:learningunits:lu01:aufgaben:header.png?1000|}}
-    - Überschrift: In der Schriftgrösse text-xl, fett und zentriert.
-    - Inhalt: Ein Textblock mit einer Breite von w-96 und einem Innenabstand von p-4. Der Textblock soll:
+Bauen Sie diesen Bereich NUR mit Tailwind nach. Die Farben können abweichen. Eigenes CSS zu schreiben ist verboten für diese Aufgabe.
-      - einen hellgrauen Hintergrund haben,
-      - bei kleineren Bildschirmen (sm) volle Breite einnehmen.
 ==== Rahmenbedingungen ====
 ^ Was ^ Beschreibung ^
 | Produkt: | HTML-Dokument mit der Vorgabe |
-| Zeit: | 15 Min. |
+| Zeit: | 90 Min. |