- From: Tab Atkins Jr. via GitHub <noreply@w3.org>
- Date: Wed, 12 Nov 2025 04:10:30 +0000
- To: public-css-archive@w3.org
Some examples:
```
.flex1 {
display: flex;
flex-flow: row;
}
==>
.flex1 {
display: flex;
flow: row;
}
```
```
.flex2 {
display: flex;
flex-flow: row-reverse;
flex-wrap: wrap;
}
==>
.flex2 {
display: flex;
flow: row flow-reverse wrap;
}
```
```
.grid1 {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: min-content 1fr;
grid-auto-flow: row;
}
==>
.grid1 {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: min-content 1fr;
flow: row;
}
```
```
.masonry-waterfall {
display: grid-lanes;
grid-template-columns: repeat(3, auto);
flow: column;
}
/* or */
.masonry-waterfall {
display: grid-lanes;
grid-lanes: repeat(3, auto) column;
}
```
--
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12803#issuecomment-3519845879 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 12 November 2025 04:10:31 UTC