CSS Grid Masonry Layout

[bennypowers]

Request for position on an emerging web specification

Information about the spec

• Spec Title: CSS Grid Layout Module Level 3
• Spec URL: https://drafts.csswg.org/css-grid-3/

Design reviews and vendor positions

Mozilla has implemented this.

Anything else we need to know

Masonry layout is a layout method where one axis uses a typical strict grid layout, most often columns, and the other a masonry layout. On the masonry axis, rather than sticking to a strict grid with gaps being left after shorter items, the items in the following row rise up to completely fill the gaps. - MDN

[dgrammatiko]

WebKit/WebKit#6940

[gsnedders]

We should still document our position.

[hober]

Talked about this with several colleagues today and we're generally supportive. We'll add the position: support label in a week unless anybody objects.