Re: [csswg-drafts] [css-grid-3] Renaming `masonry` keyword (#9733)

I think `grid-template-rows: none` is confusing, because it seems that no rows are created, but they are. The only difference is they are not aligned each other through all columns. In fact, `row-gap` is used to separate the elements vertically, so it's contradictory to indicate that there's no rows, but we apply a gap to separate them.

I think the keyword should reflect the idea of the rows, or columns are not aligned each other. For example `grid-template-rows: no-align` as opposed to `align` (the default behavior).

I'm thinking of this keyword as an initial setting, like `inset` is for `box-shadow` (inset configures the type of the shadow, but you have to configure the offset, size, color, etc).

For example, it could be possible to customize the size of the items:

```css
/* The default behavior */
grid-template-rows: no-align;

/* Which is equivalent to: */
grid-template-rows: no-align repeat(auto-fill, auto);

/* To strech the elements so they are also aligned at the end */
grid-template-rows: no-align repeat(auto-fill, minmax(auto, 1fr));
```

This idea of configuring the size of the items can be implemented in the future if it's too complex. For now, simply `no-align` is enough and cover most cases. And it leaves the door opened just in case we want to introduce more options in the future for fine tuning.


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


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

Received on Saturday, 20 April 2024 10:18:43 UTC