https://wiki.bzz.ch/ 2026-04-30T02:50:02+00:00 https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2025-11-05T07:11:54+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/aufgaben/button-hover?rev=1762326714&do=diff LU01.A02 - Buttons mit Hover-Effekt Aufgabenstellung * Erstellen Sie ein leeres HTML-Dokument * Binden Sie Tailwind CSS über CDN ein Anleitung * Erstellen Sie zwei Buttons: * Der erste Button soll einen blauen Hintergrund haben und beim Hover dunkler werden. text/html 2025-11-05T07:11:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/aufgaben/einbinden?rev=1762326660&do=diff LU01.A01 - Einbindung und einfaches Styling Aufgabenstellung * Erstellen Sie ein leeres HTML-Dokument * Binden Sie Tailwind CSS über CDN ein Anleitung * Erstellen Sie einen Textbereich und gestalten Sie diesen mit Tailwind wie folgt: * Der Text soll zentriert auf der Seite erscheinen text/html 2025-11-05T07:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/aufgaben/responsive-card?rev=1762326764&do=diff LU01.A03 - Eine responsive Karte erstellen Aufgabenstellung * Erstellen Sie ein leeres HTML-Dokument * Binden Sie Tailwind CSS über CDN ein Anleitung * Erstellen Sie eine responsive Karte mit folgendem Layout: * Überschrift: In der Schriftgrösse text-xl, fett und zentriert. text/html 2025-11-05T07:35:34+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/aufgaben/shop-komponente?rev=1762328134&do=diff LU01.A04 - Komponente mit Tailwind CSS Aufgaben * Binden Sie Tailwind CSS in Ihr React-Projekt ein. * Öffnen Sie Ihre bestehenden Dateien src/components/ProductList.jsx und src/components/Product.jsx. * Passen Sie die bestehende Komponente an, sodass alle bisherigen Styles mit Tailwind