Limited Availability Layout

Grid lanes

The display: grid-lanes and display: inline-grid-lanes CSS 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.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

—

Unsupported

Mozilla Firefox

—

Unsupported

Apple Safari

26.4

Supported

Microsoft Edge

—

Unsupported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

—

Safari iOS

26.4

Specifications and References

Specification ↗ Can I Use (css-grid-lanes) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.display.grid-lanes ↗ css.properties.display.inline-grid-lanes ↗ css.properties.flow-tolerance ↗ css.properties.flow-tolerance.infinite ↗ css.properties.flow-tolerance.normal ↗

id: grid-lanes • aliases: display-grid-lanes, masonry