grid initiates a grid container.
grid-template-columns sets the column track.
grid-template-rows sets the row tracks.
grid-template a shorthand property that combines grid-template-rows and grid-template-columns.

fr – A flexible length unit that represents a fraction of the available space inside the grid container.
repeat(count, size) will repeat grid track of certain size.
minmax(min, max) sets a grid track’s min and max size.
auto-fill senerates as many tracks necessary to fit the available space, without causing the grid to overflow.
auto-fit determines automatically the remaining of…

grid-gap sets columns and rows gaps.

grid-auto-flow sets grid flow vertical or horizontal.
grid-auto-columns implicit column tracks size.
grid-auto-rows implicit row tracks size.

grid-column sets span of grit track column using grid line numbers.
grid-row sets span of grit track ro using grid line numbers.
span a value that determines how many items the track spans till it ends.
grid-area assigns Top Right Bottom Left positions of grid area.

grid-area also, assigns name to a grid area.
grid-template-areas position items using names.

order by default, all grid items have an order of 0, this can be set to any positive or negative value.