Oct 30, 2024, 6:17 PM

This article by @shadeed9 is fantastic. It explores the choice of adding masonry-layout capabilities to CSS Grid vs creating a whole new display type. He created several examples, going through the code needed to create layout variations at breakpoints while still supporting older browsers. What would it be like to use each in the real world?

A highly recommended read!

https://ishadeed.com/article/css-grid-masonry/

Two blocks of code, side by side comparing the two syntax approaches. The Grid-integrated option has 8 lines of code. Looks simple, with two blocks/groups. While the Grid-independent option has 15 lines of code in four blocks or groups of nested code. Clearly the first is easier and simpler.

Replies