Jump to:

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.

 

Learn more

Property reference

Further reading

 

Document Tags and Contributors

Tags: 
Contributors to this page: ExE-Boss, ctauchen, chrisdavidmills, leon-earl, rachelandrew
Last updated by: ctauchen,