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