Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu01:aufgaben:a_landingpage [2026/01/25 23:54] – gkoch
+++ de:modul:m291:learningunits:lu01:aufgaben:a_landingpage [2026/01/26 00:06] (aktuell) – gkoch
@@ Zeile 1: / Zeile 1: @@
-====== Projekt 1: Landingpage Hero Section (Light/Dark Mode) – LU01 (HTML + Grundlayout) ======
+====== Projekt 1: Landingpage Hero Section – LU01 (HTML + Grundlayout) ======
 <WRAP center round box 80%>
@@ Zeile 142: / Zeile 142: @@
 \\
 //Flexbox-Layout//
+</WRAP>
+<WRAP center round tip 60%>
+Eine gute Übersicht zur Flexbox gibt es hier: [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|CSS-Tricks: a guide to flexbox]]
 </WRAP>
@@ Zeile 167: / Zeile 171: @@
 === 2.5 Bild soll responsiv schrumpfen ===
 **Aufgabe:** Das Bild soll proportional kleiner werden, wenn das Fenster kleiner wird.
+<WRAP center round box 80%>
+{{ :de:modul:m291:learningunits:lu01:aufgaben:rest.gif?nolink | Landing Page responsive preview}}
+\\
+**Hinweis:** Das echte Responsive-Layout (Media Query + Hamburger) machen Sie in LU02/LU03.
+</WRAP>
 <WRAP center round box 80%>
@@ Zeile 175: / Zeile 185: @@
 </WRAP>
----
 === 2.6 Buttons: als Gruppe mit Flexbox ===
 **Aufgabe:** Buttons nebeneinander, mit Abstand. (Details wie Farben/Fonts in LU02)
----
+{{:de:modul:m291:learningunits:lu01:aufgaben:screenshot_2026-01-25_at_23.57.10.png?nolink&400 |}}
 === 2.7 Hamburger-Buttons (für LU01: ausblenden) ===
@@ Zeile 192: / Zeile 202: @@
 </code>
----
-<WRAP center round box 80%>
-{{ :de:modul:m291:learningunits:lu01:aufgaben:rest.gif?nolink | Landing Page responsive preview}}
-\\
-**Hinweis:** Das echte Responsive-Layout (Media Query + Hamburger) machen Sie in LU02/LU03.
-</WRAP>
 ==== Checkliste “LU01 fertig” ====
@@ Zeile 215: / Zeile 220: @@
   * Test: Browserfenster kleiner ziehen → Bild bleibt proportional
-==== Abgabe (Ende LU01) ====
-<WRAP center round box 80%>
-**Zwischenabgabe:** Commit mit Message z.B. ''LU01: HTML structure + basic flex layout''.
-</WRAP>
 ==== Ausblick (LU02 / LU03) ====