DEV Community

Ayc0
Ayc0

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

How to learn CSS with games

#css #learn

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)

Read next

dwayne profile image

On why I prefer not to use elm-css

Dwayne Crooks -

ibn_abubakre profile image

Hiding Elements in CSS: The Accessible Way

Abdulqudus Abubakre -

wearethreebears profile image

A different approach to writing component variants with Tailwind CSS

Liam Hall -

itlackey profile image

Cassi: An AI-Powered CSS Style Guide Generator

IT Lackey -