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;
`;