Re: [csswg-drafts] [css-grid-2] Masonry layout (#4650)

A problem with doing the alignment per axis is that if there are items that span 2 or more grid-axis tracks then it's very likely that we'll make items overlap each other.  It should work fine when all items are non-spanning though, which I guess is quite common in practice. Still, I think the align-per-axis feature should probably be opt-in to avoid that footgun. So we need an extension to css-align like `justify/align-content: ... || per-track` or something.  A few examples to illustrate (grid container's content area is grey, the masonry axis is the block axis):
![image](https://user-images.githubusercontent.com/4010828/72104458-c4684700-332b-11ea-9c7a-f9d7bdd54955.png)

![image](https://user-images.githubusercontent.com/4010828/72104534-ec57aa80-332b-11ea-8505-4d104bad9a87.png)

![image](https://user-images.githubusercontent.com/4010828/72104573-07c2b580-332c-11ea-9391-7a48b806c087.png)

Alternatively, a new property to control the track- and content-area alignment independently instead of the more limited `per-tracks` keyword:
![image](https://user-images.githubusercontent.com/4010828/72104814-83bcfd80-332c-11ea-84cc-4625ac777b45.png)


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

Received on Thursday, 9 January 2020 21:14:21 UTC