Thread by @saviomartin7

Learn CSS by Playing Games.

A Thread 🧵👇️

1. cssgridgarden.com

Learn CSS Grid Layout by planting trees and growing your garden with 28 different levels.

{ 1 / 6 }

2. mastery.games/flexboxzombies/

Flexbox Zombies is a fun game where we use Flexbox to position hero’s crossbow and hit the zombies and survive.

{ 2 / 6 }

3. flexboxfroggy.com

Learn Flexbox by guiding the frog to the lilypad using diffent Flexbox properties you have learnt.

{ 3 / 6 }

4. maketecheasier.com/games-learn-cs…

CSS Dinner is a game to learn different selectors in CSS and organising them in a way to prepare a good looking meal.

{ 4 / 6 }

5. flexboxdefense.com

In this game, we use the CSS Flexbox properties in building a strong tower and stopping enemies.

{ 5 / 6 }

6. cssbattle.dev

CSS Battle is a online interactive playing platform where you can invite your friends and make use of CSS properties to build certain shapes and battle against them.

{ 6 / 6 }

Thank you for reading!

Hey, I'm Savio 👋
I write daily threads on web development and developer resources.

If you found this Thread useful:
- Follow me (@saviomartin7) ✅
- Retweet it
- Turn on the notifications

Thank you for the support friends! 🙏