marctrix: Grid-item über ganze Breite bei minmax-Verwendung

Beitrag lesen

Hej alle,

wenn ich mit CSS-Grid arbeite, möchte ich gerade dem Browser die Anordnung der Elemente überlassen. Das erspart eine Menge Artbeit in Bezug auf Ausrichtung u.ä. Nun frage ich mich gerade, wie man einzelnen Items sagen kann, dass sich diese „besonders“ verhalten sollen.

Erklärung: man nehme ein Grid, in dem sich die Items automatisch anordnen, wie den schönen Pen von Gunnar (@Gunnar Bittersmann ).

Dann möchte man beispielsweise dass Item Nummer 5 immer die gesamte Breite des Rasters einnimmt.

Irgendwie weiß ich nicht, wonach ich googeln muss… - oder finde ich nichts, weil das nicht geht? - Macht zugegebenermaßen nur beim ersten und letzten Item wirklich Sinn, sonst dürfte es seltsam aussehen. Es sei denn man verwendet grid-auto-flow: dense was wiederum zu Problemen bei der Tastatur-Reihenfolge führt und deswegen nur verwendet werden kann, wenn die Items keine fokussierbaren Elemente beinhalten.

Trotzdem: kann man einzelne Items breiter machen, wenn minmax verwendet wird?

Marc

akzeptierte Antworten