MDNCSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
CSS-TRICKSCSS Grid Layout is a two-dimensional grid-based layout system that, compared to any web layout system of the past, completely changes the way we design user interfaces. CSS has always been used to layout our web pages, but it's never done a very good job of it.
Grid by ExampleThe three properties grid-template-rows, grid-template-columns, and grid-template-areas together define the explicit grid of a grid container by specifying its explicit grid tracks.
In summary CSS Grid is devided into different ternms in terms of size, position, and layer, between parts of a control built from HTML in terms of size, position, and layer, between parts of a control built from HTML primitives. It consists of three properties grid-template-areas together define the explicit grid of a grid container