Grid-Container
Die Verwendung des Wertes grid
oder inline-grid
auf einem Element verwandelt es in einen Grid-Container unter Verwendung des CSS-Grid-Layouts, und alle direkten Kinder dieses Elements werden zu Grid-Elementen.
Wenn ein Element zu einem Grid-Container wird, etabliert es einen Grid-Formatierungskontext. Die direkten Kinder können sich nun entweder auf einem expliziten Rasterlayout anordnen, das mittels grid-template-columns
und grid-template-rows
definiert ist, oder auf dem impliziten Raster, das erstellt wird, wenn ein Element außerhalb des expliziten Rasters platziert wird.