W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

Re: [csswg-drafts] [css-grid][css-flexbox] Pinterest/Masonry style layout support

From: Oscar Otero via GitHub <sysbot+gh@w3.org>
Date: Sat, 09 Jun 2018 11:54:57 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-395963384-1528545295-sysbot+gh@w3.org>
Sorry, I have explained myself badly.
What I try to say is that when you place many elements in the same cell in a grid, these elements are overlapping each other. You can see an example here:

https://codepen.io/oscarotero/pen/yEgawv

A way to archieve a masonry-style grid could be allowing to customize this behavior and instead place all elements in the same position, they respect the natural flow, like they where placed in different containers like in this example:

https://codepen.io/oscarotero/pen/LrxRoK

Your example is not valid because the cells in a row have the same height:

https://codepen.io/oscarotero/pen/JZERgq

AFAIK, subgrid cannot be applied to grid areas, but html element. If subgrid could be applied to grid areas or cells, that would be great because opens the door to an endless number of possibilities. 

-- 
GitHub Notification of comment by oscarotero
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/945#issuecomment-395963384 using your GitHub account
Received on Saturday, 9 June 2018 11:55:12 UTC

This archive was generated by hypermail 2.3.1 : Saturday, 9 June 2018 11:55:13 UTC