Re: [csswg-drafts] [css-grid] Control size of individual gutters independently (#1659)

I would use this too.

At the moment I help myself with using columns which are left empty and just giving the space:
```css
.parent {
display: grid;
grid-template-columns: repeat(4, 1fr) 0px repeat(12, 1fr)
  0px repeat(12, 1fr) 0px repeat(12, 1fr) 0px repeat(12, 1fr);
grid-template-rows: repeat(5, 2rem);
grid-column-gap: 4px;
grid-row-gap: 4px;
}
```

I would prefer to be able to do:
```css
.parent {
display: grid;
grid-template-columns: repeat(4, 1fr) repeat(12, 1fr)
  repeat(12, 1fr) repeat(12, 1fr) repeat(12, 1fr);
grid-template-rows: repeat(5, 2rem);
grid-column-gap: group(fixed(4px 4px 4px), repeat(8px 4px 4px 4px 4px 4px 4px 4px 4px 4px 4px 4px))
grid-row-gap: 4px;
}
```
Since this will only result in the grid columns I really use. Subgrids doesn't seem to work for me, since they would limit the placement of child elements to each subgrid, but I need to be able to place like `grid-column: 2 / 24;`. This is possible in the code I actually use, but I also have to keep the 'blind' columns in mind when counting and I have to worry about 'losing' an element by placing it in a blind column like `grid-column: 5 / 6`:

![grafik](https://user-images.githubusercontent.com/3764089/73032007-0c17c400-3e3e-11ea-81d5-00a4fbb77910.png)


-- 
GitHub Notification of comment by Amerlander
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1659#issuecomment-577925015 using your GitHub account

Received on Thursday, 23 January 2020 23:26:39 UTC