🎄Willkommen zum 8. Türchen 🎄

– Navigation schöner machen (Design für das Menü) –

Hallo Moritz!
Deine Webseite hat jetzt ein echtes Menü, mit dem man zwischen Weihnachten und Neujahr wechseln kann. Richtig stark! 😎
Heute machen wir dieses Menü schöner, mit Farben, Abstand und besserer Lesbarkeit.🎨

📝 Deine Aufgabe heute

Du verbesserst das Aussehen deiner Navigation mit deiner Design-Datei style.css.

Schritt-für-Schritt-Anleitung

Erstellen der css Datei

1. Öffne deinen Projektordner
   moritz-weihnachtsseite
2. Öffne die Datei
   style.css
3. Schreibe ganz unten in die Datei diesen neuen Text dazu:

nav {
background-color: darkred;
padding: 10px;
}

nav a {
color: white;
text-decoration: none;
margin: 10px;
font-weight: bold;
}

4. Speichere die Datei.

🎉 Jetzt testen wir die Änderung!

Wenn du deine Webseite neu im Browser öffnest, dann:

• Das Menü sollte jetzt einen dunklen Hintergrund haben.
• Die Links sollten weiß sein.
• Zwischen den Links sollte mehr Platz sein.

Wenn das so aussieht, hat alles funktioniert! 🎉

🎯 Tagesziel erreicht

• Du hast das Menü farbig gestaltet
• Du hast den Abstand zwischen den Links verändert
• Du hast gelernt, dass man mit CSS das Aussehen gezielt steuern kann

🎁 Morgen geht es weiter:

Wir strukturieren deinen Code und räumen auf. Dann speichern wir zum ersten Mal den Stand deiner Webseite richtig ab, damit nichts verloren geht – wie echte Programmierer es machen!