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