Tagged articles

Masonry Layout

2 articles · Page 1 of 1

Jul 31, 2025 · Frontend Development

CSS Now Natively Supports Masonry Layout – How It Works and How to Use It

The article explains how CSS has finally added native Masonry layout support, detailing its history, the two syntax options (display: masonry and grid-template-columns: masonry), performance benefits, practical code examples, and current browser support status.

FrontendMasonry Layoutbrowser support

0 likes · 9 min read

CSS Now Natively Supports Masonry Layout – How It Works and How to Use It

Rare Earth Juejin Tech Community

Dec 27, 2024 · Frontend Development

Creating a Responsive Masonry Layout with CSS Columns, Grid, and Flexbox

This article explains how to build a responsive, order‑agnostic masonry (waterfall) layout using CSS columns, and compares it with grid and flexbox approaches, providing concise code examples, responsive tweaks with @media, and discusses advantages, drawbacks, and browser compatibility.

ColumnsGridMasonry Layout

0 likes · 6 min read

Creating a Responsive Masonry Layout with CSS Columns, Grid, and Flexbox