Flex-grow 9999 Hack
This is an unintuitive—but very handy—use of of the flex-grow property. The use-case outlined here is fairly common.
A Practical Guide to Flexbox: Don’t Forget about flex-shrink by Noah Blon on CodePen
A deceptively simple but powerful use of flexbox.
Related links
Horizontal lines around centered content
Here’s another clever CSS technique. It uses flexbox to add horizontal lines either side of centred content.
Intro to Flexbox
The slides from Arelia’s flexbox talk.
Flexbox Patterns
Here’s a well put-together collection of common patterns that are now much easier thanks to flexbox.
CSS Flexbox Is Entirely Logical (Almost) / Paul Robert Lloyd
Paul is digging deep into flexbox and finding it particularly useful for internationalisation …but there are still some gotchas.
Related posts
content-visibility in Safari
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Speedier tunes
Improving performance with containment.
Declarative design
Defining the inputs instead of trying to control the outputs.
Faulty logic
CSS logical properties here, they just aren’t evenly distributed yet.
Utopia
Why do I like fluid responsive typography? Let me count the ways…