DEV Community

Cover image for 10 amazing games to learn CSS

10 amazing games to learn CSS

Chris Bongers on March 07, 2022

Learning CSS can be quite a challenge. There are no shortcuts, and you will have to get your hands dirty and dive into the magical world of CSS. B...
Collapse
 
grahamthedev profile image
GrahamTheDev •

Well I was zipping through flexbox froggy all proud of myself...then level 24 and honestly, it took my like 5 minutes lol!

Thanks for the annoying reminder that I need to spend more time practicing my CSS skills! 🤣

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Lol I think that level is famous for doing that 😂
There are whole reddit posts about it

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 •

This games are awesome no dought but real learning is very different. Games can't replace it :)

peace.
atulcodex

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Not sure I agree, it's a different way of learning and it really depends on what works for a person.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 •

Oh man, you are a knowledgeable person :)

Collapse
 
hey_atharva profile image
Atharva Shirdhankar •

Awesome 💯

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Happy you enjoyed this 💖

Collapse
 
robsonmuniz16 profile image
Robson Muniz •

Hey DEV, nice 💡content, thanks for sharing it🙏🏻!

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Glad you liked it 💖

Collapse
 
robsonmuniz16 profile image
Robson Muniz •

Yes, I loved it!

Collapse
 
grenmonika923 profile image
grenmonika923 •

Good day! Very interesting. Thank you.

Collapse
 
kacmadushan profile image
K.A.C Madushan •

Thank you Chris Bongers. It's awesome

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Thanks, glad you enjoyed it

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Some are fairly new, even if you know these concepts they are fun to play one evening 🙌

Collapse
 
timhuang profile image
Timothy Huang •

So interesting to learn CSS. Thanks for sharing.

Collapse
 
dailydevtips1 profile image
Chris Bongers •

It's a fun way of learning it, glad you enjoyed it 🙌

Collapse
 
ljmassive profile image
ljmassive •

This was really fun, had a nice afternoon playing some guilt-free games!

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Nice! Glad you enjoyed them

Collapse
 
andrewbaisden profile image
Andrew Baisden •

These look really cool!

Collapse
 
dailydevtips1 profile image
Chris Bongers •

They are, and super fun

Collapse
 
grampasteve profile image
Stephen •

would it be possible to get the code for some of these games as I enjoy rebuilding things to practise typing my code

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Not sure, some are build as a paid system but you might be able to find some of the smaller ones.

Collapse
 
stephen_connor_fa8de68c67 profile image
Stephen Connor •

That would be great if you could thanks

Thread Thread
 
dailydevtips1 profile image
Chris Bongers •

I know Ania does a lot of games, you might find it interesting to follow these.
youtube.com/watch?v=lhNdUVh3qCc

Collapse
 
mahmoudessam profile image
Mahmoud EL-kariouny •

Thanks for sharing these amazing websites 💖🙏🏻

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Super happy you like the article, did you get a chance to try some of them?

Collapse
 
porzawk profile image
porzawk •

Nice! Thanks for sharing.

Collapse
 
dailydevtips1 profile image
Chris Bongers •

Glad you enjoyed this

Collapse
 
sheriffderek profile image
sheriffderek •

I think these layout games are really fun - as games.

But I've talked to hundreds of developers who have played them a lot, but haven't had enough real-world experience to really get how to use the concepts in their own projects. I'm sure it works for some people - like any gamified system. CSS Speedrun was pretty fun. But again, I've rarely used selectors like that in real life.

Nothing helps you learn CSS like finding a site that excites you - and rebuilding it (probably also making it more responsive too). I'd consider these to be distractions that will ultimiatly slow down the learning process for most people. (just my opinion of course)

Collapse
 
itsroshan137 profile image
Roshan Bhandari •

Thumbs up