Dieses Menü erleichtert die Navigation auf jedem Gerät, egal ob Smartphone, Tablet oder Desktop-Rechner.
Erfahren Sie, warum der Webdesign-Ansatz „Mobile First“ als gute Idee empfunden wird. Sie erstellen eine Site zur Verwaltung Ihrer Dateien und Elemente und definieren dann per HTML einen Header mit einem Logo und der Grundstruktur Ihrer Navigation.
Bis jetzt ist Ihr Hauptmenü nur eine Liste mit lilafarbenem Text. Formatieren Sie es jetzt über CSS. Passen Sie das Layout für die Anzeige auf einem Smartphone an.
Das Layout soll je nach verwendetem Gerät – Smartphone, Tablet oder Desktop-Rechner – unterschiedlich sein. Mit Media Queries lässt sich die Anzeige an den jeweiligen Screen anpassen. Zum Schluss erfahren Sie, wie Sie Ihr Design schon während der Arbeit in Echtzeit auf einem Zielgerät sehen können.