Ein Grund, warum sich Flexitems, die in einer Reihe dargestellt werden, anders verhalten als Elemente, die beispielsweise gefloatet werden, liegt auch an der initialen Angabe von `min-width`. `min-width` bestimmt die Mindestbreite, soweit klar. Aber die Wirkung ist bei normalen Blockelementen anders als bei Flexitems. Dazu und wie man mehrere Flexitems auf dieselbe Breite bekommt ....
`subgrid` ist als zusätzlicher Wert bei `grid-template-columns` oder `grid-template-rows` möglich. Dieser Wert war ursprünglich in CSS Grid Layout Module Level 1 vorgesehen, wurde dann aber in CSS Grid Layout Module Level 2 verschoben. Es hilft bei der Darstellung von verschachtelten Rastern und ist deswegen bei der Arbeit mit CSS Grid seeehr nützlich.
„Wir sind ein freier Zusammenschluss von erwachsenen Menschen und stehen als Parents For Future in Solidarität zur Fridays-For-Future-Bewegung. … Die Gruppe ist offen für ALLE erwachsenen Unterstützer*innen – ob sie nun selbst Kinder haben oder nicht.“ Seit Kurzem bin ich bei den Demonstrationen jeweils am Freitag dabei. Die Klimakrise hat mir schon länger Sorgen gemacht und ich versuche, meinen C02-Fußabdruck zu reduzieren (lebe vegan, kaufe vermehrt regional/saisonal, fliege möglichst wenig, vermeide Müll und Verpackungen).
Wie verhalten sich eigentlich die Abstände zwischen den Rasterzellen - grid-gap -, wenn zusätzlich die Ausrichtung beispielsweise mit justify-content und align-content festgelegt wird?
Ich schreibe gerade an einem Artikel zu den Möglichkeiten, die Ausmaße in CSS zu bestimmen für die Zeitung https://www.webundmobile.de und dabei bin ich über fit-content gestolpert, das einiges Verwirrendes beinhaltet.
Mit CSS-Grid lassen sich dank der magischen Formel `repeat(auto-fill, minmax())` sehr gut Raster erstellen, die sich automatisch an alle Viewportgrößen anpassen, die Spaltenzahl wird dabei nach Bedarf ermittelt. Dabei werden die Elemente automatisch auf das Raster verteilt in der Reihenfolge, in der sie im Quellcode stehen. Keine Rasterzelle wird dabei ausgelassen. Was macht man, wenn aber genau das gewünscht ist?