Zoe uses one little case study to contrast two different CSS techniques: display-table and flexbox. Flexbox definitely comes out on top when it comes to true source-order independence.
I really like the way that the thinking here is tied back to Bert Bos’s original design principles for CSS.
This is a deep dive into the future of CSS layout—make a cup of tea and settle in for some good nerdiness!
Rachel responds to Jen’s recent post with the counter-argument; why masonry should be separate from grid.
I’m not entirely convinced. We heard performance issues as a reason why we could never have container queries or :has, but here we are. And the syntax for a separate masonry spec borrows so heavily from grid that it smells of redundancy.
This is a wonderful in-depth article by Jen, with lots of great demos.
She makes a very strong case for masonry layouts being part of the grid spec (I’m convinced!). If you have strong feelings one way or the other, get involved
Another terrific interactive tutorial from Ahmad, this time on container queries.
This is a wonderfully in-depth interactive explainer on touch target sizes, with plenty of examples.
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Improving performance with containment.
Let me hear your blocky talk.
Defining the inputs instead of trying to control the outputs.
CSS logical properties here, they just aren’t evenly distributed yet.