With a spoonful of flexbox by Charlotte Jackson, Front-end developer

Charlotte has experimenting with a nice discrete bit of flexbox on her personal site. Here she documents what she did, and what the fallback is.

Tagged with

Responses

cdevroe.com

You need your own site March 30, 2015 Charlotte Jackson, experimenting on her own site: I‘ve been super excited to see what all the fuss is about, so I have added flexbox to the simple header on this website. This also gave me a nice introduction to how it all works. If you do anything at all on the web and you do not have your own web site to play around with you’re crazy. If you need one, I know of a platform that would love to have you. /via Jeremy Keith. View all posts

# Monday, April 23rd, 2018 at 8:22pm

Related links

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.

Tagged with

Horizontal lines around centered content

Here’s another clever CSS technique. It uses flexbox to add horizontal lines either side of centred content.

Tagged with

Intro to Flexbox

The slides from Arelia’s flexbox talk.

Tagged with

Flexbox Patterns

Here’s a well put-together collection of common patterns that are now much easier thanks to flexbox.

Tagged with

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.

Tagged with

Related posts

Re-flex

Putting content first by combining responsive design with the CSS3 flexible box layout module.

Speedier tunes

Improving performance with containment.

Workaround

Browsers and bugs.

Control

Trying to understand a different mindset to mine.

CSS Day 2022

Excellent as always.