Nur ein weiterer +1 für subgrid

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich würde sagen, 85 % meiner Grid-Nutzung fallen in eine dieser beiden Kategorien…

  1. Ich brauche nur ziemlich einfache (wahrscheinlich gleich breite) Spalten, die am Ende so etwas wie grid-template-columns: repeat(3, minmax(0, 1fr)); sind, um auf der sicheren Seite zu sein.
  2. Ich mache gerade ein echtes Layout, bei dem ich nach fünf Minuten feststelle, dass ich eigentlich subgrid gebrauchen könnte.

Subgrid? Es ist eine nette intuitive Möglichkeit, einem Kindelement auf dem Grid relevante Grid-Linien vom Elterngrid zu vererben.

Hier ist ein tolles aktuelles Video von Rachel Andrew dazu. Letztes Jahr haben wir ihren Vortrag dazu verlinkt! Es ist ein so wichtiges Feature und ich wünschte, wir könnten uns browserübergreifend darauf verlassen. Im Moment hat es nur Firefox. (Chrome-Problem, Safari-Problem)

In meinem letzten Video, etwa bei Minute 20, stelle ich fest, dass Subgrid selbst ein ziemlich einfaches Layout viel schöner machen würde, z. B. indem die Notwendigkeit von Variablen oder die Verwendung von Magischen Zahlen entfällt.

Hier ist ein weiteres Video, in dem Dave und ich buchstäblich ein Layout mit Subgrid erstellen