DEV Community

Ghost
Ghost

Posted on

Are there any practice sites like CodeWars and HackerRank, but for CSS?

I'm on a roll. Like, really into a flow with CSS at this point. I'd hate to get rusty while I continue looking for work. Know any CSS kata sites? Challenging mock-ups to layout? Anything of the sort?

Oldest comments (13)

Collapse
 
0n1r1k0 profile image
0n1r1k0

This one may help you
frontendmentor.io/challenges

Collapse
 
mattstuddert profile image
Matt Studdert

Thanks for mentioning Frontend Mentor! I hope you find the challenges useful Jeffrey 🙂

Collapse
 
ghost profile image
Ghost

Always nice to meet another GA veteran. 👋

Thread Thread
 
mattstuddert profile image
Matt Studdert

Ah cool! Great meeting you too 👋

Collapse
 
ben profile image
Ben Halpern

That could be a pretty great use case for dev.to

If you or anyone else want to use the #csschallenge tag (along with the #challenge tag), go for it!

Collapse
 
ben profile image
Ben Halpern

On that note, #codepenchallenge might also be fun for general frontend execution.

Collapse
 
ben profile image
Ben Halpern

Challenge winners are chosen by comment hearts.

Dev.to could probably send swag to comment winners (at least some of the time, we'd need to work out the details)

Thread Thread
 
ghost profile image
Ghost

What a great idea! I have a few things I could share under #csschallenge from back my teaching days. :)

I also like the idea of #codepenchallenge. Do you see them as being separate sorts of challenges? Like pure layout for #csschallenge and more interactive challenges as #codepenchallenge?

Thread Thread
 
ben profile image
Ben Halpern

Yeah, they could be separate things. If you want to make a #csschallenge post and make the rules, we’ll make sure it gets at least a few entrants for the first one. 😄

Thread Thread
 
stel profile image
St3l • Edited

This is a really good idea !!! It could be very funny (and instructive also, of course). You can count on me to participate if you make a #csschallenge ;)

Collapse
 
ryan profile image
Ryan • Edited

CSS Diner is cool. Starts out easy but goes on to cover more advanced selectors. Probably more beginner-oriented though.

flukeout.github.io/

Collapse
 
nektro profile image
Meghan (she/her)

Wow. This website is awesome!!

Collapse
 
rhymes profile image
rhymes

haha love this one!

I did it :-D!