Re: [csswg-drafts] [css-grid-3][masonry] item-flow row vs. column in masonry layouts (#12803)

Flat list summary, for quick reference / comparison:

**Option A1**: New `grid-lanes-direction` plus flex-compatible `grid-auto-flow`

```
flex-flow: [ row | row-reverse | column | column-reverse] || [ nowrap | wrap | wrap-reverse ]
grid-auto-flow: [ row | row-reverse | column | column-reverse] || [ wrap | wrap-reverse ] || dense
grid-lanes-direction: normal | [ row | column ] [ fill-reverse || track-reverse ]?
```

**Option A2** New `grid-lanes-direction` plus track-focused `grid-auto-flow`

```
flex-flow: [ row | row-reverse | column | column-reverse] || [ nowrap | wrap | wrap-reverse ]
grid-auto-flow: [ [ row | row-reverse ] || [ column | column-reverse ] ] || dense
grid-lanes-direction: normal | [ row | column ] [ fill-reverse || track-reverse ]?
```

**Option B1** Flow-interpreted flex-compatible `grid-auto-flow`

```
flex-flow: [ row | row-reverse | column | column-reverse] || [ nowrap | wrap | wrap-reverse ]
grid-auto-flow: normal |  [ row | row-reverse | column | column-reverse] || [ wrap | wrap-reverse ] || dense
```

**Option B2** Lanes-interpreted flex-compatible `grid-auto-flow`

```
flex-flow: [ row | row-reverse | column | column-reverse] || [ nowrap | wrap | wrap-reverse ]
grid-auto-flow: normal |  [ row | row-reverse | column | column-reverse] || [ wrap | wrap-reverse ] || dense
```

**Option C** Flow-interpreted track-focused `grid-auto-flow`

```
flex-flow: [ row | row-reverse | column | column-reverse] || [ nowrap | wrap | wrap-reverse ]
grid-auto-flow: normal | [ [ row | row-reverse ] || [ column | column-reverse ] ] || dense
```



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


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

Received on Thursday, 11 December 2025 21:57:35 UTC