These both work.
grid-column-gap: 4px;
column-gap: 4px;
.wrape .nav {
margin: 0;
padding: 0;
list-style: none;
display: grid;
column-gap: 4px;
grid-column-gap: 4px;
grid-template-columns: repeat(5, 1fr);
/* justify-content:space-between; */
align-content: space-between;
min-height: 174px;
}
I did find this:
Initially a part of Multi-column Layout, the definition of
column-gap
has been broadened to include multiple layout methods. Now specified in Box Alignment, it may be used in Multi-column, Flexible Box, and Grid layouts.CSS Grid Layout initially defined the
grid-column-gap
property. This prefixed property is being replaced bycolumn-gap
. However, in order to support browsers that implementedgrid-column-gap
and notcolumn-gap
for grid, you will need to use the prefixed property as in the second interactive example above.