DEV Community

Ayc0
Ayc0

Posted on • Edited on • Originally published at ayc0.github.io

How to learn CSS with games

Learning CSS isn’t the easiest. But the community helped solving that by creating a lot of interactive games online (as the best way to learn is with games).

Selectors

If you want to learn CSS selectors, you can try out CSS Diner 🍱:

Select the apple on the plate<br>

Flexbox

For flexbox, you can try out Flexbox Froggy 🐸

Frogs needing alignment with CSS flex

Grid

And finally, you can learn CSS Grid with Grid Garden 🧑‍🌾

Water all plants with CSS Grid

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay