Home Web & Dev

That one website that teaches you CSS flexbox by playing a little game with frogs

Why it's the pick

In Flexbox Froggy you type real CSS flexbox rules to hop frogs onto lily pads, level by level, until the layout properties make sense. It is free, open source and needs no signup.

Know a better one? Tell us Made Flexbox Froggy? Get the badge

2 good alternatives

Grid Garden cssgridgarden.com Same idea for CSS grid, with carrots FreeNo signup Link checked Oct 9
CSS Diner flukeout.github.io Learn CSS selectors by picking things off a table FreeNo signup Link checked Oct 9

You might also need

That one website that teaches you Git by letting you play with branches on a visual diagram Learn Git Branching learngitbranching.js.org FreeNo signup That one website that teaches you SQL with short lessons and exercises you run right in the browser SQLBolt sqlbolt.com FreeNo signup That one website that teaches you regular expressions with short hands-on lessons RegexOne regexone.com FreeNo signup That one website that has dozens of handy little tools for developers in one place IT-Tools it-tools.tech FreeNo signup That one website that teaches you to touch-type TypingClub typingclub.com Free tierSignup optional That one website that teaches you how camera settings work Photoskop photoskop.com FreeSignup optional

Everything in Web & Dev