Learn CSS by playing games
Home » BLOG » Web development » Learn CSS by playing games

Learn CSS by playing games

category:  Web development

This is a short post for today. I am teaching CSS to my friend. Learning by reading text is boring so I ask ChatGPT to give me the CSS games that my friend can learn from. Here are the answers and those games are working for my friend.

Flexbox Froggy

This game lets you help Froggy and their friends by writing CSS code. I personally like this one.

flexboxfroggy
Flexbox Froggy – Learn CSS by playing game

Flexbox Defense

This game teaches you how to use CSS Flexbox to create responsive layouts. You need to defend your tower from enemy attacks by building a flexible defense system.

Flexbox Defense
Flexbox Defense – Learn CSS by playing game

Grid Garden

Grid Garden is a game that teaches you how to use CSS Grid to create complex layouts. You need to plant and water your crops in a garden while learning about CSS Grid.

Grid Garden
Grid Garden – Learn CSS by playing game

CSS Diner

In this game, you need to use CSS selectors to select the correct food item from a menu. The game starts with simple selectors and progresses to more advanced selectors.

CSS Diner
CSS Diner – Learn CSS by playing game

These games can be a fun and interactive way to learn and improve your CSS skills. Have fun playing and learning!