Gunnar Bittersmann: display: grid;

Beitrag lesen

@@Meowsalot

Die Frage ist, wie kann man display: grid für alte Browser fit machen?

Und die Antwort ist: Alte Browser sind bereits fit für display: grid.

Die Frage ist: Wie kann man Menschen (Entwickler, Designer, Produktmanager, …) für display: grid fit machen?

Antwort: Indem man ihnen klarmacht, dass Webseiten nicht in allen Browsern gleich aussehen müssen. Immer und immer wieder.

Bzw. was ist wenn ein Browser dieses nicht unterstützt?

Dann sind die Boxen untereinander. Alles zu sehen, alles benutzbar, alles prima.

  • Warum passen sich die Bilder nicht an die Breite an?

Weil du es so angegeben hast: max-width: 300px. Du möchtest width: 100% (und die Bilder in höherer Auflösung zur Verfügung stellen)?

  • Wenn ich das Fenster kleiner ziehe sind irgendwann nur noch zwei nebeneinander. Die Box wird dann größer als 300px, warum?

Weil du es so angegeben hast: grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) – so viele Spalten wie nebeneinander passen, jede mindestens 300px breit.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann