Re: [csswg-drafts] [css-grid] Shortcut syntax for repeat(M, 1fr)

> > The most common use case for us content authors above all else is X number of **equally sized columns**.
> 
> THIS. Any design system I've seen starts from many equally sized columns and then elements can span 2 or more, but the grid itself is equal sized columns. Not to mention things like game boards etc.

Oh, so, what you want is not `1fr`, but `minmax(0, 1fr)`. I agree it's currently cumbersome to type `grid-template-columns: repeat(12, minmax(0, 1fr))` if what you want is just a grid snapping system for 13 equally-spaced out lines.

I still don't think using integers directly is nice idea inside `grid-template-columns` but I understand what you are trying to achieve better now. I guess I had mainly been looking at manually-curated grids at the time, but yes, if you want a grid in a similar sense as a bootstrap grid, I understand the request now.

Still, this syntax prohibits you from using most of the useful grids features like named lines. Maybe that part is just me but I always build my fixed grids in such a way that they have `medium` and `large` lines, for instance like this if I want a 12-column grid:

```css
grid { grid-template-rows: [start] repeat(2, repeat(2, repeat(3, minmax(0,1fr) [small]) [medium]) [half]) [end]; }
.small { grid-column-end: span small; }
.medium { grid-column-end: span medium }
.large { grid-column-end: span large }
.half { grid-column-end: span half }
.full { grid-column-start: start; grid-column-end: end; }
```
Then I can use a different layout on tablets where I only have 6 columns:
```css
grid { grid-template-rows: [start] repeat(2, repeat(3, minmax(0,1fr) [small]) [medium] [half]) [large] [end]; }
```

But I can conceive there are probably use cases where you just know what you want and you don't need to be responsive like this. Just wanted to say so that people don't read too much into my first comments, I don't feel as strongly now that I have seen more use cases.

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

Received on Friday, 11 May 2018 00:14:03 UTC