Grid-Container

Mit dem Wert grid oder inline-grid auf ein Element wird dieses in einen Grid-Container umgewandelt, indem das CSS-Grid-Layout verwendet wird, und alle direkten Kinder dieses Elements werden zu Grid-Elementen.

Wenn ein Element zu einem Grid-Container wird, wird ein Grid-Formatting-Kontext erstellt. Die direkten Kinder können sich nun auf jedem expliziten Grid platzieren, das mit grid-template-columns und grid-template-rows definiert ist, oder auf dem impliziten Grid, das entsteht, wenn ein Element außerhalb des expliziten Grids platziert wird.