Help us invent CSS Grid Level 3, a.k.a. “Masonry” layout

The article discusses the concept of masonry layout, which is a pattern in web design where content flows like a brick or stone wall, popularly known as a waterfall layout. This layout allows for different aspect ratios of content and allows for lazy-loading additional content at the bottom without disrupting existing content. The article introduces the proposal for CSS Grid Level 3, implemented by Apple and Mozilla, aiming to enhance the capabilities of CSS Grid. The debate surrounding whether masonry should be a part of CSS Grid or a separate display type is highlighted, seeking input from web designers and developers to move forward. Various demos and examples are provided to showcase the flexibility and creativity CSS Grid Level 3 offers in creating dynamic and engaging layouts.

https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

To top