Re: [csswg-drafts] [css-grid][css-flexbox] Pinterest/Masonry style layout support from Nate Green via GitHub on 2017-06-26 (public-css-archive@w3.org from June 2017)

From: Nate Green via GitHub <sysbot+gh@w3.org>
Date: Mon, 26 Jun 2017 15:20:24 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-311091451-1498490421-sysbot+gh@w3.org>

Would it work to have a keyword for `grid-template-columns` or `-rows` which would effectively tell that axis to be flow/flex instead of lining things up?

So, for example, in @jamesdoc 's example above I would have something like:

```css
.figure-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: flow;
}
```

Does that make sense?

I'm not sure how I'd expect this to behave if you used that keyword for _both_ axes, though...something like this, perhaps, simply packing boxes into the next available space horizontally/vertically based on `grid-auto-flow`:

![image](https://user-images.githubusercontent.com/6674698/27546495-eea3650a-5a60-11e7-80af-e6acc5b86565.png)

I'm sure I'm missing some reason why this wouldn't work, but wanted to suggest it in case it helps move the conversation along. :) Thanks!

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

Received on Monday, 26 June 2017 15:20:31 UTC