Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu04:aufgaben:flexbox2 [2026/04/01 15:52] – vdemir
+++ de:modul:m287:learningunits:lu04:aufgaben:flexbox2 [2026/04/01 16:35] (aktuell) – vdemir
@@ Zeile 4: / Zeile 4: @@
 ^ Was ^ Beschreibung ^
 | Produkt: | HTML-Seite mit CSS Flexbox |
-| Zeit: | 30 Min. |
+| Zeit: | 40 Min. |
 | Sozialform: | Einzel- oder Partnerarbeit |
 | Arbeitsmittel: | Unterrichtsunterlagen, HTML-Editor, Browser |
@@ Zeile 13: / Zeile 13: @@
 ===== Auftrag =====
-Schauen Sie sich das nachfolgende Video Schritt an, und bauen das gezeigte Beispiel nach. Falls es zu schnell geht, können Sie die betroffene Stelle wiederholen.
+Schauen Sie sich das nachfolgende Video an, und bauen das gezeigte Beispiel, Schritt für Schritt, nach. Falls es zu schnell geht, können Sie die betroffene Stelle anhalten bzw. wiederholen.
 {{:de:modul:m287:learningunits:lu04:aufgaben:cssflexboxtutorial_english.mp4|Flexbox_Tutorial_English}}
@@ Zeile 34: / Zeile 34: @@
 </head>
 <body>
-    <div class="behaelter">
+    <div class="flex-container">
         <div class="box box1">1</div>
-        <div class="box box2">2</div>
+        <div class="box bos2">2</div>
         <div class="box box3">3</div>
         <div class="box box4">4</div>
@@ Zeile 45: / Zeile 45: @@
 </code>
-**tutorial.css**
+**styles_vorlage.css**
 <code CSS>
 * {