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.
Harnessing Flexbox For Today’s Web Apps - Smashing Magazine
More flexbox!
This time it’s a great article by Karen Menezes filled with practical examples showing where you can use flexbox today.
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.
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.
Flexbox Defense
If Flexbox Froggy was too easy for you, take it to the next level with this tower defence game.
Vanishing boxes with display contents
I’ve seen the exact problem that Rachel describes here—flexbox only applied to direct children, meaning the markup would have to be adjusted. display: contents looks like a nifty solution.
Related posts
Re-flex
Putting content first by combining responsive design with the CSS3 flexible box layout module.
Underlines and line height
How to make the distance of link underlines proportional to the line height of the text.
Style your underlines
Make your links beautiful and accessible.
CSS snippets
Some styles I re-use when I’m programming with CSS.
Making the new Salter Cane website
A redesign with modern CSS.