Aus dem Kurs: Responsive Webdesign – Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

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

Von flüssig zu responsiv

Von flüssig zu responsiv

Wie macht man aus einem flüssigen Layout ein responsives? Im ersten Schritt geht es darum festzustellen, wo wir eine Layout-Anpassung brauchen. Das Layout ist flüssig. Das heißt, wenn ich den Viewport verkleinere, verkleinerte sich entsprechend auch, aber wenn ich noch schmaler werde, gibt es einen Punkt, wo ich sage, das sieht nicht mehr gut aus, dass das zweispaltig ist. Das könnte man gar nicht gut lesen, wenn das ein echter Text wäre. Das heißt, ich muss mir überlegen, an dieser Stelle möchte ich gerne was anders haben und was soll dort anders sein. Ja, im ersten Schritt möchte ich, dass diese beiden Elemente dann nicht mehr nebeneinander dargestellt werden, sondern untereinander. Dann muss ich überlegen, wann soll das ganze stattfinden. Sagen wir vielleicht an dieser Stelle. Irgendwas 518 Pixel ungerade oder vielleicht nehmen wir da einen schöneren Wert und sagen 500 Pixel oder 520. Also das müssen Sie sich überlegen, an welcher Stelle soll diese Änderung stattfinden und diesen…

Inhalt