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.