flexboxfroggy VS gridgarden

Flexbox Froggy: A game that teaches Flexbox concepts by positioning frogs on lily pads.

Flexbox Froggy: Learn CSS Flexbox by playing this game.

Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox while having some fun.

See https://flexboxfroggy.com/ https://cssgridgarden.com/ and maybe also https://flukeout.github.io/

Flexbox Froggy - An interactive game to learn and practice CSS Flexbox. Website: https://flexboxfroggy.com/

Flexbox Froggy

This started improving for me recently when I spent more time really learning flexbox and flexgrid. They are part of CSS so no installs needed. It’s a different way of thinking but I’m finally good enough with flexbox that I can tell when I need it and make productive use of it. Knowing these patterns makes a difference for me, since now I can assemble the blocks better than before when I’d just try mostly random css without any guiding principles.

Flexbox froggy helped a lot with some practical experience that translated fairly well to my regular work.

https://flexboxfroggy.com/

There are other games like this that I haven’t gotten to yet, including one for flexgrid. Once I clear all the levels in flexbox froggy I’m going to try the flexgrid game.

Then after that I’m going to spend time with bootstrap and tailwind since the last time I really used them was back in my more junior days when I barely knew anything at all about css.

Flexbox Froggy is an excellent resource for interactive learning.

Grid Garden: Master CSS Grid layout by playing this game.

Grid Garden is another interactive way to learn the grid layout system while having some fun.

See https://flexboxfroggy.com/ https://cssgridgarden.com/ and maybe also https://flukeout.github.io/

It’s also worth checking out Grid Garden[1] and its companion Flexbox Froggy[2]

[1] https://cssgridgarden.com/

For an engaging learning experience, check out Grid Garden, a game that teaches grid concepts.

Other interesting games for learning CSS,

https://cssgridgarden.com/ (basically Froggy for Grid)

https://cssbattle.dev/ (a platform for doing various challenges, huge community)

https://flukeout.github.io/ (learn about CSS selectors)

https://css-animations.io/ (practice CSS animations)

CSS Grid Garden

There are some games which teach them quickly. http://flexboxfroggy.com/ http://flexboxdefense.com/ and https://cssgridgarden.com/ perhaps 1-2 hours to do all three and then layour is a breeze.