Masonry Layout

lastmod 2025-02-27created 2022-08-132 edits

Level 3 of the CSS Grid Layout specification includes a masonry value for grid-template-columns and grid-template-rows. This guide details what masonry layout is, and how to use it.

Also known as the Korean: 핀터레스트 layout.

Libraries

• Vue-masonry-css

See also

• Pinterest

Favorite site

• Masonry Layout - CSS: Cascading Style Sheets | MDN
• Building a masonry layout :: F.R.I.D.A.Y.