It is a CSS property that offers a grid-based layout system, with rows and columns, making it easier to design web pages without floats and positioning.
This can be used as a shorthand property for : 
<ul>
<li>grid-template-rows : Specifies the size of the rows.
</li>
<li>grid-template-columns : This specifies the size of the columns.
</li>
<li>grid-template-areas : This specifies the grid layout using named items.
</li>
<li>grid-auto-rows : This specifies the auto size of the rows.
</li>
<li>grid-auto-columns : This specifies the auto size of the columns.
</li>
<li>grid-auto-flow : This specifies how to place auto-placed items, and the auto size of the row.
</li>
</ul>

It is a CSS property that offers a grid-based layout system, with rows and columns, making it easier to design web pages without floats and positioning.

**This can be used as a shorthand property for :** 

* **grid-template-rows :** Specifies the size of the rows.
    
* **grid-template-columns :** This specifies the size of the columns.
    
* **grid-template-areas :** This specifies the grid layout using named items.
    
* **grid-auto-rows :** This specifies the auto size of the rows.
    
* **grid-auto-columns :** This specifies the auto size of the columns.
    
* **grid-auto-flow :** This specifies how to place auto-placed items, and the auto size of the row.

CSS grid