Links

State of CSS 2025
As Baseline indicators turn to green one after the other, and satisfaction with new functions and properties remains high, even the most reluctant among us might have to admit that features such as
:has()
,aspect-ratio
, and Cascade Layers have all earned their spot in our stylesheets.
Should responsive images work with container queries?
Container queries are slowly moving towards cross-browser support, and it got me wondering: how is image loading supposed to work in a container-based world?
Get the number of auto-fit/auto-fill columns in CSS
The whole point of
auto-fit
andauto-fill
is that you aren't saying how many columns to use. But if you knew how many the browser chose, you can make nice design decisions.
Web Components: Working With Shadow DOM
Web Components are more than just Custom Elements. Shadow DOM, HTML Templates, and Custom Elements each play a role. In this article, Russell Beswick demonstrates how Shadow DOM fits into the broader picture, explaining why it matters, when to use it, and how to apply it effectively.
Item Flow – Part 2: next steps for Masonry
There are still two key open questions for Masonry and how it should integrate with Item Flow: how do you switch into a masonry-style layout, and what do
row
andcolumn
mean? Let’s dig into these open questions, the debates and proposals, and your role in influencing the future of this much anticipated layout.
Videos

There's a new stretch keyword in CSS?
There's a new
stretch
keyword that we can use for CSSheight
andwidth
properties. But how is that different from100%
? And how is that different from100vh
when we want a full-height layout?
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.