# CSS grid

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.