Ich bin ein großer Fan von CSS Grid und verwende es heutzutage bei fast jedem Projekt. Es gibt jedoch einen Teil davon, der die Dinge viel komplizierter macht, als sie sein müssten: das Fehlen von Subgrids. Und in diesem Beitrag zu diesem Thema erklärt Ken Bellows, warum sie so verdammt nützlich wären.
Aber was in der Level 1-Spezifikation noch fehlt, ist die Möglichkeit, ein Subgrid zu erstellen, ein Grid-Element mit seinem eigenen Grid, das sich in einer oder beiden Dimensionen am übergeordneten Grid ausrichtet. Es war ursprünglich für Level 1 geplant, aber die Arbeitsgruppe entschied, dass sie mehr Zeit für die Ausarbeitung der Details benötigte, sodass es entfernt wurde und in CSS Grid Layout Module Level 2 ausgeliefert wird, das sich seiner Fertigstellung nähert.
In den letzten 2 Jahren gab es viele Diskussionen über die Anwendungsfälle für Subgrid, wie es implementiert werden sollte, und sogar einige Debatten darüber, ob man es überhaupt braucht. Ein Großteil dieser Diskussion konzentrierte sich auf zwei andere Ansätze, die viele der gleichen Probleme wie Subgrid lösen können: verschachtelte Grids und display: contents.
Ich erinnere mich, dass eine der allerersten Websites, an denen ich gearbeitet habe, der Demo ähnelte, die Ken als Beispiel verwendet. Aber das war bereits 2012 und Grid gab es noch nicht. Leider musste ich viel mehr CSS schreiben, als ich für notwendig hielt, um Elemente in einem Div mit Elementen in einem anderen auszurichten. Jedenfalls greift dieser Artikel Rachel Andrews Beitrag über Subgrid und die Probleme, die es lösen würde auf, der definitiv auch einen Blick wert ist.