Darstellung auf mobilen Geräten

[Gunnar Bittersmann]

@@Henry

Dachte eher das wäre ironisch gemeint.

Äh, nein.

Schade, dass die kein Beispiel zeigen.

Ethan Marcotte zeigt in seiner Mutter aller Artikel welche. Hier das finale.

Wenn du von breit nach schmal gehst: Irgendwann kommt der Punkt, wo die 6 nebeneinanderliegenden Bilder zu klein werden. → Breakpoint: Das Layout ändert sich so, dass 3 Bilder nebeneinander sind.

Irgendwann kommt der Punkt, wo die 3 nebeneinanderliegenden Bilder zu klein werden. → Breakpoint: Das Layout ändert sich so, dass die Navigation statt links neben dem Hauptinhalt über diesem ist.

Irgendwann kommt der Punkt, wo die 3 nebeneinanderliegenden Bilder zu klein werden. → Breakpoint: Das Layout ändert sich so, dass 2 Bilder nebeneinander sind.

Die Breakpoints werden nicht anhand von irgendwelchen Geräten festgelegt, sondern anhand des Inhalts, hier anhand der Bilder.

Übrigens: Einiges davon geht heutzutage mit Grid und Flexbox auch ganz ohne @media.

LLAP 🖖