Repository navigation
CSS Grid Lanes #1445
Description
Description
CSS Grid Lanes is a one-dimensional grid layout mode for CSS Grid containers.
Specification
https://drafts.csswg.org/css-grid-3/
web-feature
https://web-platform-dx.github.io/web-features-explorer/features/grid-lanes/
Test Links
https://wpt.fyi/results/css/css-grid/grid-lanes?label=experimental&label=master&aligned
Additional Signals
Developer interest:
web-platform-dx/developer-signals#308
Spec issues:
w3c/csswg-drafts#945
w3c/csswg-drafts#9041
Chromium:
https://issues.chromium.org/issues/343257585
https://crbug.com/40128480
Mozilla:
https://bugzil.la/1981604
WebKit:
https://webkit.org/blog/17660/introducing-css-grid-lanes/
Activity
github-actions commentedon Sep 22, 2026
This comment was automatically generated based on the information you provided. Please don't edit it.
Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include
web-features: <feature-id>.To find feature IDs, use the web-features explorer.
Feature Grid lanes
display: grid-lanesanddisplay: inline-grid-lanesCSS declarations create a layout where items are tightly packed in parallel lanes. Items are placed one by one in the lane that has the most available space. Also known as masonry.phantomxx29474 commentedon Oct 10, 2026
Looks like Firefox Nightly has this feature from version 158. Flag called layout.css.display-grid-lanes.enabled is enabled true for Grid Lanes/Masonry.