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 .