BZZ - Modulwiki - de:modul:m287:learningunits:lu04 https://wiki.bzz.ch/ 2026-04-07T13:16:14+00:00 BZZ - Modulwiki https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2026-04-01T14:35:01+00:00 vdemir (vdemir@undisclosed.example.com) LU04.A04 - Flexbox 2 https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox2?rev=1775054101&do=diff LU04.A04 - Flexbox 2 Rahmenbedingungen Was Beschreibung Produkt: HTML-Seite mit CSS Flexbox Zeit: 40 Min. Sozialform: Einzel- oder Partnerarbeit Arbeitsmittel: Unterrichtsunterlagen, HTML-Editor, Browser Ausgangslage Sie wissen, was eine Flexbox ist, und wie diese angewendet wird. Das nachfolgende Video geht etwas mehr in die Materie, gibt Ihnen also Einblick in die Möglichkeiten der Anwendungen der Flexbox. text/html 2026-04-01T13:43:50+00:00 vdemir (vdemir@undisclosed.example.com) cssflexboxtutorial_english.mp4 - angelegt https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_english.mp4&ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&rev=1775051030&tab_details=history&media_do=diff&do=media <img src="https://wiki.bzz.ch/lib/images/fileicons/svg/mp4.svg" alt="cssflexboxtutorial_english.mp4" loading="lazy" width="500" height="500" /> text/html 2026-04-01T13:41:50+00:00 vdemir (vdemir@undisclosed.example.com) cssflexboxtutorial_deutsch.mp4 - gelöscht https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_deutsch.mp4&ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&rev=1775050910&tab_details=history&media_do=diff&do=media <img src="https://wiki.bzz.ch/lib/images/fileicons/svg/mp4.svg" alt="cssflexboxtutorial_deutsch.mp4" loading="lazy" width="500" height="500" /> text/html 2026-04-01T11:57:44+00:00 vdemir (vdemir@undisclosed.example.com) LU04.L02 - Flexbox - [Lösungen] https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/flex?rev=1775044664&do=diff LU04.L02 - Flexbox Aufgabenstellung Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe. Lösungen index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- CSS einbinden --> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="logo">Item 1</div> <div class="nav"> <div class="nav-item">Item 1</div> <div class="nav-item">Item 2</div> <div cl…