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 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