\ud83c\udf93 If you’ve been writing CSS for a little bit now, but still feel frustrated by it, I have a course that might be exactly what you are looking for:
https://cssdemystified.com/?utm_campaign=practice&utm_source=youtube
When we’re learning new things, we need to practice what we’re learning but it can be hard to find projects or come up with ideas, so in this video we’re looking at 4 resources plus a bunch of fun games that can help you out!
\ud83d\udd17 Links
\u2705 ICodeThis:
https://icodethis.com/?ref=kevin
\u2705 Frontend Mentor:
https://www.frontendmentor.io/challenges
\u2705 Frontend Practice:
https://www.frontendpractice.com/projects
\u2705 CSS Battle:
https://cssbattle.dev/
\u2705 CSS Diner (was pointed out that this project has been abandoned, so might be a bit out of date, I do think the early parts of it are solid though):
https://flukeout.github.io/
\u2705 Flexbox Froggy:
https://flexboxfroggy.com/
\u2705 Grid Garden:
https://cssgridgarden.com/
\u2705 Grid Critters:
https://gridcritters.com/
\u2705 Grid Attack:
https://codingfantasy.com/games/css-grid-attack (similar to Grid Critters, but free, thanks to MatthaisUK for pointing it out in the comments)
\u2705 CSS Demystified:
https://cssdemystified.com/?utm_campaign=practice&utm_source=youtube
Disclaimer: Some of the links above might be affiliate links, which means that I'll receive a commission in case you like and decide to purchase the product or service. This comes at no extra cost for you, and helps support my channel \ud83d\ude0a
\u231a Timestamps
00:00 - Introduction
00:48 - icodethis
02:52 - Frontend Mentor
03:43 - Frontend Practice
04:56 - CSSBattle
06:27 - CSS Diner
07:33 - Flexbox Froggie
08:15 - Flexbox Zombies
09:04 - Grid Garden
09:24 - Grid Critters
09:47 - CSS Demystified
#css
--
Come hang out with other dev's in my Discord Community
\ud83d\udcac
https://discord.gg/nTYCvrK
Keep up to date with everything I'm up to
\u2709
https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
\ud83d\udcfa
https://www.twitch.tv/kevinpowellcss
---
Help support my channel
\ud83d\udc68\ud83c\udf93 Get a course:
https://www.kevinpowell.co/courses
\ud83d\udc55 Buy a shirt:
https://teespring.com/stores/making-the-internet-awesome
\ud83d\udc96 Support me on Patreon:
https://www.patreon.com/kevinpowell
---
My editor: VS Code -
https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter:
https://twitter.com/KevinJPowell
Codepen:
https://codepen.io/kevinpowell/
Github:
https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Share this page with your family and friends.