gridgarden VS HTML5b

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.

Please download the following https://github.com/coppersalts/HTML5b folder (it is 0.05GB), so you know what I mean. The file I'm trying to open is index.html. Here is the browser version of the HTML file: https://coppersalts.github.io/HTML5b/.

You can download the code from the corresponding git repository at https://github.com/coppersalts/HTML5b