Thread by @rajatexplains

It amazes me so much that to learn #flexbox, there are so many interactive websites, which help you learn by playing a game. Wanted to highlight a few that I have come across. Each one is simply brilliant 🚀
.
A thread 🧵👇🏻

Flex Box Adventure is an interactive adventure game allowing you to use your flexbox skills to assist the game character to solve 24 challenges.
codingfantasy.com/games/flexboxa…

Knights of the Flexbox Table includes 18 “dungeons” to teach you flexbox. This course is unique because you’re not writing pure CSS, but instead, you’re using Tailwind CSS classes.
knightsoftheflexboxtable.com

Flexbox Froggy has been around for quite some time and continues to be a popular choice for learning flexbox syntax. Use the different parts of the flexbox spec to arrange the frogs as required to pass the different levels.
flexboxfroggy.com

Flexbox Zombies is another educational game to learn flexbox syntax. Each section advances a zombie-related plot while giving you expertise in a new flexbox concept, along with survival challenges that help you use your new flexbox skills.
geddski.teachable.com/p/flexbox-zomb…

Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses.
flexboxdefense.com

Flexy Boxes is a straightforward flexbox playground that also generates the code for you. Being an older tool, this also provides legacy flexbox code and vendor prefixes but you can select “Vanilla CSS” for the code you’ll use in most cases.
the-echoplex.net/flexyboxes/