Watch Frontend Practice Free Video Tutorials & Courses

🎓 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! 🔗 Links ✅ ICodeThis: https://icodethis.com/?ref=kevin ✅ Frontend Mentor: https://www.frontendmentor.io/challenges ✅ Frontend Practice: https://www.frontendpractice.com/projects ✅ CSS Battle: https://cssbattle.dev/ ✅ 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/ ✅ Flexbox Froggy: https://flexboxfroggy.com/ ✅ Grid Garden: https://cssgridgarden.com/ ✅ Grid Critters: https://gridcritters.com/ ✅ 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) ✅ 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 😊 ⌚ 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 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 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! Key Highlights & Overview: Mastering <strong>Frontend Practice Free</strong> requires clear step-by-step guidance and practical hands-on visual demonstrations. Follow along with top-rated video tutorials from industry experts today on <strong>TutorTube</strong>.