W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2017

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

From: Trond Olsen via GitHub <sysbot+gh@w3.org>
Date: Mon, 11 Dec 2017 14:08:42 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-350734081-1513001321-sysbot+gh@w3.org>
Here's my understanding:
- Positioning: Items are placed in-order. First available row, then first available column.
- Vertical sizing: Each item takes into consideration the gap spacing when row span is >1, since the gap space is utilizable when spanning. An item gains any additional height leftover within the grid row.

@Dan503 You don't need to think about the row gap unless an item span more than 1 row. And if it spans more than 1 row, then row gap is taken into consideration when finding the total number of grid rows to span.

-- 
GitHub Notification of comment by trondolsen
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/945#issuecomment-350734081 using your GitHub account
Received on Monday, 11 December 2017 14:08:53 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:21 UTC