gap

The gap property is an attempt to have the same property for CSS grid and flexbox. It will be responsible for the spacing (gutters) between columns and rows.

grid-row-gap and grip-column-gap has been renamed to row-gap and column-gap respectively.
-----------------------------------
row-gap, column-gap (in Grid) in Edge 16
row-gap, column-gap (in Flexbox) in Edge 84
-----------------------------------

The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

/* One  value */
gap: 20px;
gap: 1em;
gap: 3vmin;
gap: 0.5cm;

/* One  value */
gap: 16%;
gap: 100%;

/* Two  values */
gap: 20px 10px;
gap: 1em 0.5em;
gap: 3vmin 2vmax;
gap: 0.5cm 2mm;

/* One or two  values */
gap: 16% 100%;
gap: 21px 82%;

/* calc() values */
gap: calc(10% + 20px);
gap: calc(20px + 10%) calc(10% - 5px);