If you’re not using flexbox yet, you really should be

Australia tends to be a bit behind the curve when it comes to technology. In the diffusion of innovations curve, we often tend towards the late majority – think with digital TV, or using fibre for internet, for example.

It seems that in the world of CSS, and adopting Flexbox, we’re no exception. Although it’s hard to judge how we compare to other countries on this, a quick search on Stack Overflow turns up posts from 2011 on how to use Flexbox with the “tweener” syntax. At the same time, many of the developers I know still aren’t using Flexbox in production. But they – and you! – really should be.

Now personally, I don’t like to use new things until they have good enough browser support that I don’t have to polyfill. As I generally support one generation or so back of Microsoft (Edge/IE) and Webkit-based browsers, this makes it pretty easy for me to decide at any time which features I’m going to implement.

Even working like this, Flexbox has been something I’ve been using in production for almost a year. It’s robustly supported, and more importantly is basically an answer to almost all CSS layout prayers.

If you’re not onboard with Flexbox yet, there are a bunch of guides that are just a short google away. Likewise, there are a number of playgrounds. Your best option is probably one that is in an online code editor, or that updates the code as you play with the options.