Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m287:learningunits:lu05:aufgaben:praktisches-beispiel [2025/05/09 08:06] – kdemirci
+++ modul:m287:learningunits:lu05:aufgaben:praktisches-beispiel [2025/05/09 08:16] (aktuell) – kdemirci
@@ Zeile 152: / Zeile 152: @@
     list-style: none;
     margin-left: 0;
-    margin-top: 0.4em;
 }
 </code>
+===== Aufgabenstellung =====
+  * Analysieren Sie das Markup der Webseite und die Vorgabe der responsiven Ansicht (Bild in der Ausgangslage)
+  * Setzen Sie die Tablet und Mobile Version der Webseite mit Media Queries um. Überlegen Sie sich dafür geeignete Breakpoints. Ergänzen Sie bei Bedarf das HTML.
+  * Geben Sie Ihre Ergebnisse als ZIP-Datei ab.
+===== Rahmenbedingungen =====
+^ Was ^ Beschreibung ^
+| **Produkt:** | Webseite mit HTML und CSS |
+| **Zeit:** | 45 Min. |
+| **Sozialform:** | Einzel- oder Partnerarbeit |
+| **Arbeitsmittel:** | Entwicklertools, Browser |