Combina row-gap y column-gap en una sola propiedad.
gap: <row-gap> <column-gap>;
gap: 16px;
gap: 16px 24px;
Aplica el mismo espacio a ambos ejes
gap: 16px;
Equivalente a:
row-gap: 16px;
column-gap: 16px;
Espacios diferentes para cada eje
gap: 16px 24px;
Equivalente a:
row-gap: 16px;
column-gap: 24px;
Valor por defecto: gap: 0px;