Einführung
In diesem Projekt lernst du, wie du ein responsives Layout für eine Website implementierst, ähnlich der offiziellen Gulp.js-Website. Du wirst Medienabfragen verwenden, um das Layout und die Stile der Webseite basierend auf der Bildschirmgröße anzupassen.
👀 Vorschau
🎯 Aufgaben
In diesem Projekt wirst du lernen:
- Wie du Medienabfrage-Regeln zur HTML-Datei hinzufügen, um ein responsives Layout zu erstellen
- Wie du die Breite und Sichtbarkeit von Seitelementen basierend auf verschiedenen Bildschirmgrößen anpasst
- Wie du das responsive Layout durch Verändern der Browserfenstergröße testest
🏆 Errungenschaften
Nach Abschluss dieses Projekts wirst du in der Lage sein:
- Ein responsives Web Design mit Hilfe von Medienabfragen zu implementieren
- Layout und Stile basierend auf der Bildschirmgröße anzupassen
- Webseiten effektiv für verschiedene Geräte und Bildschirmauflösungen zu testen und zu optimieren
