Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Anpassungen an der Beispielwebsite vornehmen

Anpassungen an der Beispielwebsite vornehmen

Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

Gratismonat starten Für Ihr Team erwerben

Anpassungen an der Beispielwebsite vornehmen

“

Welche Anpassungen müssen wir jetzt aber bei unserem Layout durchführen, damit es auch auf einem Smartphone gut dargestellt wird? Ich gehe erst einmal in diesen "Bildschirmgrößen testen"-Modus und überlege mal, was alles notwendig ist. Also, zum einen wäre es gut, die Schriftgröße anzupassen und diese Abstände und dann ist es natürlich sinnvoll, wenn weniger Platz zur Verfügung ist, dass wir hier nicht immer eine Darstellung nebeneinander haben, sondern dann wäre es sinnvoll, dass Beschreibung und Steckbrief untereinander dargestellt werden. Das ist eigentlich etwas, was ganz wichtig wäre, und das hier ist natürlich einfach zu groß. Die notwendigen Änderungen habe ich schon einmal vorbereitet und natürlich muss man hier mit Media Queries arbeiten. Wie sieht das aus? Also, die ganzen Änderungen sind natürlich nur notwendig in unserer style.css-Datei, weil die steuert ja zentral die gesamten Formatierungen unseres Projekts. Und nun sage ich mit "@media screen and (max-width:…

Inhalt