Re: [csswg-drafts] [css-grid-3] Designer/developer feedback on masonry layout (#10233)

> Lots of devs seem to find CSS Grid difficult to understand and use. They'd love a super easy way to do Masonry, like this:
> 
> ```css
> main { 
>   display: masonry;
>   columns: 28ch;
> }
> ```
> 
> But this other way, with all the brackets and stuff, is almost as scary as CSS Grid syntax itself, so I wouldn't go for it:
> 
> ```css
> main {
>   display: masonry;
>   masonry-columns: repeat(5, minmax(28ch, 1fr)); 
>                    /* where only one repeating width is allowed */
> }
> ```
> 
> However we will eventually need those extra syntax for more controls, so...
> 
> For the reasons Jen mentioned, I'm all for adding masonry to CSS Grid layout.

I believe both could be made to work, eg: `masonry-columns: 28ch` for a simplified version, or `masonry-columns: repeat(5, minmax(28ch, 1fr)); ` if someone wants to be more specific.

I think it should be `masonry-columns` instead of just columns to disambiguate it from the existing `columns`

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 23 April 2024 12:22:48 UTC