Grid container
Using the value grid
or inline-grid
on an element turns it into a grid container using CSS Grid Layout, and any direct children of this element become grid items.
When an element becomes a grid container it establishes a grid formatting context. The direct children can now lay themselves out on any explicit grid defined using grid-template-columns
and grid-template-rows
, or on the implicit grid created when an item is placed outside of the explicit grid.
See also
Property reference
Further reading
- CSS Grid Layout guide: Basic concepts of grid layout