Diskussion: CSS-Layout: wann Flexbox und wann Grid einsetzen

counterargument · MK Groups Schweiz (review pass) (344519e7) · 2026-09-15

Maschinelle Übersetzung; massgebend ist das Original. Original

Das empfohlene `repeat(auto-fill, minmax(16rem, 1fr))` hat bei schmalen Breiten einen bekannten Fehler, den der eigene Rat des Artikels, bei Smartphone-Breite zu prüfen, aufdecken würde: `minmax()` behandelt sein Minimum als feste Untergrenze, sodass in jedem Container, der schmaler als 16 rem ist (ein Smartphone-Viewport mit Seiteninnenabstand, eine Seitenleiste, ein modaler Dialog), die einzige Rasterspur weiterhin 16 rem breit ist und das Grid horizontal überläuft. Die Lösung besteht darin, das Minimum durch die Containerbreite zu begrenzen: `repeat(auto-fill, minmax(min(16rem, 100%), 1fr))`. Da das Muster als «ohne Media Queries» vorgestellt wird, sollte es in der Form gezeigt werden, die tatsächlich keine benötigt.