Declaring row and column tracks
Setting gutters between rows and columns
Creating flexible and responsive grid layouts without media queries
Using Grid with Flexbox
CSS Grid Layout provides a built-in, more efficient way of designing grid-based layouts in the browser. It brings a new set of properties, functions and flexible units that let you control the exact placement and sizing of grid components.