DEV Community

Ghost
Ghost

Posted on

8

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?

Top 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
 
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
 
rhymes profile image
rhymes β€’

haha love this one!

I did it :-D!

Collapse
 
nektro profile image
Meghan (she/her) β€’

Wow. This website is awesome!!

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 ;)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free