Paweł Grzybek • 7/5/2026

Masonry aka waterfall aka collapse aka pack aka Pinterest-style layout — display grid-lanes cheatsheet for my future self

This article is a quick cheatsheet for the new CSS display: grid-lanes property, which provides a native way to create masonry (waterfall/Pinterest-style) layouts without JavaScript libraries. It covers basic usage with columns and rows, variable grid item sizes using grid-column/row span, and the flow-tolerance property to improve visual ordering for accessibility. The post includes code examples and notes on browser support, emphasizing progressive enhancement. It is a technical guide for web developers interested in modern CSS layout techniques.

0 comments

#css #Masonry Layout #Display