- From: Brandon McConnell via GitHub <sysbot+gh@w3.org>
- Date: Wed, 24 Apr 2024 20:57:16 +0000
- To: public-css-archive@w3.org
> As others have suggested, `masonry` doesn't make sense semantically since bricks etc are laid horizontally
fwiw bricks can be laid horizontally **_or_** vertically:
| Horizontally | Vertically |
|--------|--------|
|  <sup>Source: https://architizer.com/blog/practice/details/technical-details-setting-out-brickwork/</sup> |  <sup>Source: https://www.archdaily.com/873185/brick-house-in-brick-garden-jan-proksa</sup> |
In the realm of masonry, this is purely done stylistically. The same would apply to CSS:
| Horizontally | Vertically |
|--------|--------|
|  <sup>Source: https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/</sup> |  <sup>Source: https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/</sup> |
If I understand correctly, these would both be supported by the proposed masonry layout:
```css
.masonry {
display: grid;
&.vertical {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-template-rows: masonry;
grid-auto-flow: column;
}
&.horizontal {
grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
grid-template-columns: masonry;
grid-auto-flow: row;
}
}
```
--
GitHub Notification of comment by brandonmcconnell
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9733#issuecomment-2075826673 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 24 April 2024 20:57:17 UTC