Grid container
Using the valuegrid orinline-grid on an element turns it into agrid container usingCSS grid layout, and any direct children of this element become grid items.
When an element becomes a grid container it establishes agrid formatting context. The direct children can now lay themselves out on any explicit grid defined usinggrid-template-columns andgrid-template-rows, or on theimplicit grid created when an item is placed outside of theexplicit grid.