CSS grid Property

CSS grid Property


CSS grid Property

Grid basically a shorthand property of the various properties given down below -

  • Grid-template-rows

 

  • Grid-template-columns

 

  • Grid-template-areas

 

  • Grid-auto-rows

 

  • Grid-auto-columns

 

  • grid-auto-flow

Syntax -

grid: none|grid-template-rows / grid-template-columns|grid-template-areas|grid-template-rows / [grid-auto-flow] grid-auto-columns|[grid-auto-flow] grid-auto-rows / grid-template-columns|initial|inherit;

Now we will see example -

Example -

Output  :