Learn CSS3 Flexbox – Interactive Tutotorial

By January 21, 2016March 20th, 2017Blog, CSS
Learn CSS3 Flexbox by Allure Web Solutions

Flexbox is awesome. It lets you align items, change the order of items, reverse direction of items, and more! There’s one little downside though. It has quite limited browser support. And here’s the breakdown:

Flexbox Browser Compatibility Breakdown

Flexbox Browser Compatibility Breakdown

Flexbox Interactive Demo

See the Pen Interactive CSS3 Flexbox Demo by Mike Doubintchik (@allurewebsolutions) on CodePen.

Games are a great way to learn and commit things to memory, so check out the cool flexbox froggy game that visually reinforces all the concepts above.

Click on the froggy to start learning

Mike Doubintchik

Author Mike Doubintchik

More posts by Mike Doubintchik

Leave a Reply