@@michaah

es ging hier ja explizit darum notwendige Anpassungen ohne Media_Queries hinzubekommen. So wie das aber hier aussieht verschwindet auf mobilen Geräten ein Teil des Inhalts und seitliches scrollen wird nötig. Das ist ja genau das was eigentlich verhindert werden soll.

Ja, grid-template-columns: repeat(auto-fill, minmax(20em, 1fr)) erzeugt mindestens eine Spalte, die mindestens 20em breit ist. Bei Viewports schmaler als 20em muss horizontal gescrollt werden.

Man muss also per Media-Query dafür sorgen, dass diese Regel erst bei breiteren Viewports greift. Ganz ohne Media-Query geht’s doch (noch) nicht, AFAIK.

LLAP 🖖