Is there a way to set a single grid-row-gap
to specific size that is different from the rest of the grid?
Use case: the top row of the grid should have
The grid-row-gap
and grid-column-gap
properties apply to the entire grid (spec reference).
However, you can use negative margins on the second row grid items to adjust their position.
Another option would be to remove the top row (headers) from the current grid and place it in a different container directly above the data. This would eliminate the grid-gap
problem.