Solved by Flexbox

The first version of philipwalton.com was built using Flexbox way back in 2010 when the syntax was display:box. It only worked in Chrome, Safari, and Firefox and was pretty buggy, but it worked and was a million times better than any existing layout method.

I was distrought when I first learned that the Flexbox spec was being rewritten, certain that it would be years before the new version had anything close to the browser support of the old version, much less enough support to be used in any real application.

Well, it’s been three years — which sounds longer than it feels — and the new version of Flexbox is finally going to be available in every major browser. After ages of being forced to use JavaScript or crazy hacks to acheive what should be simple layouts, we finally have a proper solution.

In my latest project, Solved by Flexbox, I explore a few of the more annoying CSS problems I’ve encountered throughout my career that have been hard or impossible to solve with CSS alone. I’ve always thought there needed to be a better way. Now, thanks to Flexbox, there is.

If you haven’t seen the project yet, please take a look, and as always, let me know if you have any feedback.