Here are the **CSS grid** properties which is necessary to build a beautiful UI using grid faster –
## gap:
`gap: 1rem;`: This property is a shorthand for setting both `grid-row-gap` and `grid-column-gap` to the same value. It defines the size of the gap between grid items, both horizontally and vertically. In this case, the gap is set to `1rem`.
## grid-column-gap
`grid-column-gap` and `grid-row-gap:` These properties set the size of the gap between columns (`grid-column-gap`) and rows