Update grid.md

#grid

 It is an two dimensional layout it used to align the items in every where.

 *****properties****

 #display:grid

 It should align the grid after we set an column and rows

#grid-template-columns:30% 30% 40%;

In the columns we should gave an width of an column as like 30% 30% 40%...,

#grid-template-columns:1fr,1fr,1fr;

    **fr means**

    fractional units...

It should also space of an 1fr units in the column..

#grid-template-columns:repeat(3,1fr);

This property is used to % of 3 times it should use repeat property 3 times to indicates and 1fr units spaces of 

an container...

#grid-column-gap:1rem;

This property is used to gap between the the columns.

#grid -row-gap:2rem;

This property is used to gap between the rows.

#grid-gap:2rem;

This will indicates the over all gap between the rows and columns...

#grid-auto-rows:minmax( 100px,auto);

In the property is used to the content is not overlapped outside of the container it should

used minmax width of an container..it should be strech basically

#grid-column-start:1;

In this property is used to start an grid element

#grid-column-end:3;

It should used to end the grid element..

In the element will streched 1 to 3...

#grid-column:1/3;

In the element will 1 to 3 of an container will be spitted.. 

#grid-row:1/4;

It will be row side spitted of an container 1to 4...

#grid-template-ares:"header header header"

"nav main ads"

"footer footer footer"

It should also slipt the container how much we want to put it in the container.

#auto-fit 

Its should fit the container if the responsive screen is working all the minmax containers

#auto-fill

Its should used to fill the containers if the responsives in the container will be space of

over the container..