3 Spalten im Footer responsive gestalten

[Gunnar Bittersmann]

@@Rolf B

• Verwende mobile first, d.h. drehe die Media-Abfrage um. Auf schmalen Viewports sollten die Media-Abfragen nicht zutreffen. Und wenn sie breiter werden, dann wird das Layout dafür umgebaut.

Das kann man so pauschal nicht sagen.

• Heißt für die Karte: display: none; im Normalfall und display:block; wenn genug Platz ist.

Ich dem Fall könnte man das so tun. Muss man aber nicht.

Bei responsiven Tabellen wäre es irrsinnig, erst alle Tabellenspalten, -zeilen und -zellen auf display: block zu setzen und dann mit Media-Query wieder zurück auf ihre ursprünglichen Werte.

Der Gedanke mobile first ist nicht verkehrt; die Implementierung ist es nicht unbedingt.

• Für das Layout ist Grid-Layout am einfachsten. […] Internet Explorer Anwender bekommen allerdings keine so schöne Ansicht.

Wieso das denn nicht? IE kann Grid (mit eigener Syntax) – zumindest die hier benötigten Teile.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!