Setting Line Length in CSS (and Fitting Text to a Container)

I was playing around with scroll-driven animations, just searching for all sorts of random things you could do. That’s when I came up with the idea to animate main headings and, using scroll-driven animations, change the headings based on the user’s scroll position.

Layout. It’s one of those easy-to-learn, difficult-to-master things, like they say about playing bass. Not because it’s innately difficult to, […]

The shape() function’s close and move commands may not be ones you reach for often, but are incredibly useful for certain shapes.

Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your layout items.

Being the bad boy I am, I don’t take Tailwind’s default approach to cascade layers as the “best” one. Over a year experimenting with Tailwind and vanilla CSS, I’ve come across what I believe is a better solution.