Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu03:aufgaben:a_dark_light_switch [2026/02/23 11:14] – gkoch
+++ de:modul:m291:learningunits:lu03:aufgaben:a_dark_light_switch [2026/02/23 15:23] (aktuell) – gkoch
@@ Zeile 47: / Zeile 47: @@
 **Checkliste**
-  * Das Icon erscheint im Browser-Tab.
+  * Das Icon erscheint im Browser-Tab (auf Chrome oder Firefox testen, Safari zeigt das Favicon nicht an (weil File lokal gespeichert ist)).
   * In DevTools → Network gibt es keinen 404 Fehler für das Favicon.
@@ Zeile 57: / Zeile 57: @@
 <WRAP center round box 80%>
+**Beispiel für das Anwenden von Pseudo-Elementen** (nicht so umzusetzen im Projekt Landingpage Alarado, sondern wie oben abgebildet -> Feature-Texte mit grünem Haken)
 {{:de:modul:m291:learningunits:lu03:aufgaben:1_p0ryo3ias6k1zbyv9kusva.png?nolink&400|}}
 \\
 //Wenn wir vor oder nach einem Text ein Icon oder Emoji einblenden möchten, eignen sich Pseudo-Elemente sehr gut.//
-</WRAP>
-**Umsetzung des im Bild oben gezeigten Designs mit HTML und CSS:**
-<WRAP center box round 80%>
+**Umsetzung des im Bild oben gezeigten Designs (The Div Soup) mit HTML und CSS:**
 <code html>
 <body>
@@ Zeile 70: / Zeile 70: @@
 </body>
 </code>
-</WRAP>
-<WRAP center box round 80%>
 <code css>
+body {
+  background-color: #000000;
+}
 h1 {
   color: #fff;