'Is it possible to style grid gap and especially just between columns?

I want to highlight column gaps somehow so it looks like separated. So e.g. I want the gap be in red color between columns and no color between rows. Setting borders to each element in grid makes the border lines intermittent. So I thought there should be a way to style gap itself.

const Grid = styled.div`
  display: grid;
  grid-template-columns:  100px 50px 50px;
  grid-template-rows: 50px 50px 50px;
  grid-gap: 10px;
`;
javascriptcssreactjs


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions