Matthias Scharwies: responsive_Raster_ohne_Media_Queries

Beitrag lesen

problematische Seite

Servus!

Ich hatte erwartet, dass die dort dargestellten Beispiele auch brauchbar für kleine mobile Geräte (smartfons) wären. Dazu müßten sich jedoch die im Gritt definierten Spalten irgendwann zu einer Spalte zusammenschieben bzw untereinandern anordnen... zumindest meinem Verständnis von "responsive Design" nach.

Du hast Recht. Problem ist der article, der über zwei Rasterelemente geht. Deshalb hat die Seite eine Minimalbreite von 40em.

Hier müsste man den Regelsatz in eine media queries setzen. Das mach ich übermorgen.

Alternativ könnte man dies notieren:

article {
  grid-column: 1 / -1;

}

Dann würde article eine ganze Reihe einnehmen, egal, wie viele Rasterfelder es gibt.

Herzliche Grüße

Matthias Scharwies

--
25 Jahre SELFHTML → SELF-Treffen 05.-07. Juni 2020 in Mannheim