Kursinhalt
Fortgeschrittene CSS-Techniken
Fortgeschrittene CSS-Techniken
Herausforderung: Überprüfung des Adaptiven/Responsiven Layouts
Aufgabe
Bewerten Sie die Reaktionsfähigkeit und Anpassungsfähigkeit der Website, die Informationen über verschiedene Lebensmittel präsentiert. Die Webseite ist derzeit so gestaltet, dass sie im ersten Teil responsiv und im zweiten Teil adaptiv ist. Es gibt 4 Breakpoint-Punkte zu berücksichtigen:
300px
: Kleine Smartphones.480px
: Große Smartphones.720px
: Tablets.1200px
: Desktops.
Öffnen Sie die Webseite in einem neuen Fenster mit der Schaltfläche "Vorschau in neuem Fenster öffnen" in der unteren linken Ecke des Sandkastens. Ändern Sie die Ansichtsfensterbreite und beobachten Sie die Unterschiede im Layout und in den Stilen bei jedem Breakpoint.
Hinweis
Wenn Sie Hilfe benötigen, wie Sie vorgehen sollen, gibt es Anweisungen in einer Aufnahme unterhalb des Sandkastens.
Danke für Ihr Feedback!