In diesem Tutorial-Video zeige und erläutere ich die Grundlagen des responsiven Webdesigns. Darunter versteht man, dass die Webseite darauf reagiert, wie groß der Bildschirm des Geräts ist, auf dem Sie aufgerufen wird.
Das Startprojekt, das ich in dem Video einsetze, gibt es hier zum Download: informatikkeller.de/
(Unter dem Menüpunkt "Web/HTML-CSS").
Inhalt:
0:00 - Was ist responsives Webdesign
1:25 - Unser Ziel (Arbeitsblatt)
2:12 - Startprojekt / HTML-Editor
5:05 - Mobile First!
11:13 - Media Queries / CSS