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

I'd like to extend [my comment above](https://github.com/w3c/csswg-drafts/issues/10233#issuecomment-2071833016) with a couple of additional points.

- As I said, I'm in favor of creating a new `display` property for this type of layout, but reusing all grid properties already existing for grid, like `justify-content`, `gap`, etc. This introduces some inconsistencies due the use of `grid-` prefix in some properties (like `grid-template-column`) inside a non-grid layout. I propose to use a name like `grid-[something]`, so the `grid` word is present in the display value. This is coherent with other combinations already existing in CSS like `display: inline-grid` and removes the inconsitency of using `grid-*` properties to configure the layout.
- Personally, I like the name `collapse` which was suggested for some people here, so maybe `display: grid-collapse` or `display: collapsed-grid` could be good names, something between the two options we are discussing: is not directly included in the `grid` spec, but it belongs to it.

```css
.masonry {
  display: collapsed-grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  column-gap: 20px;
  row-gap: 20px;
}
```

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


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

Received on Monday, 29 April 2024 19:15:37 UTC