Masonry Layout
Noun · Development
Definitions
A layout algorithm where items of varying heights are packed into columns such that each new item is placed in the shortest column, creating a staggered grid without uniform row heights — like a brick wall. Popularized by Pinterest's interface and implemented via libraries like Masonry.js or the upcoming CSS `masonry` value for `grid-template-rows`.
In plain English: A Pinterest-style layout where items of different sizes stack neatly into columns without leaving gaps, like bricks in a wall.
Example: "The image gallery uses a masonry layout so portrait and landscape photos fit together without awkward whitespace."