Grafik an anderer Stelle je nach Viewport

[Matthias Apsel]

Hallo oxo888oxo,

In der Desktop-Ansicht soll die Grafik einfach in der Navigation unten an letzter Stelle stehen. In der Mobile-Ansicht soll die Grafik ganz unten im Footer der Seite stehen.

Ist das machbar mit Media-Queries?

Meine Idee war bisher diese: Ich binde die Grafik an beiden besagten Stellen ein. Und je nach Viewort verberge ich sie mittels CSS. Wäre das eine gescheite Lösung?

Ich würde sagen ja, wenn die Grafik wirklich in den Elementen stehen soll. Wenn sie aber beliebig mal in nav oder footer stehen kann, braucht sie vielleicht gar nicht in einem der beiden Elemente zu sein. Dann käme flexbox’ order in Frage. Das hängt aber vom Quelltext (und damit von der Semantik) ab.

Bis demnächst
Matthias