Kevin Powell (YouTube channel)

What the channel covers

Kevin Powell describes his channel as helping you learn how to make the web, and make it look good while you are at it, with a big focus on helping people see how wonderful CSS is. That focus is the point. Where most web channels treat CSS as something to get past, Kevin teaches it as a language with its own logic.

Expect videos on layout with flexbox and grid, responsive design without a pile of media queries, the cascade and specificity, units, container queries, scroll-based animations, view transitions and new CSS features as browsers ship them. There is also solid material on semantic HTML and HTML forms.

Playlists to start with

• HTML & CSS for Absolute Beginners: the starting point if you are new.
• Next steps after the very basics: for when you can style a page but do not yet feel in control.
• Modern CSS and New CSS Features: what the language can do today.
• Container Queries, CSS Units and View transitions: focused series on specific features.
• From design to code: turning a design into a real, responsive layout, which is the everyday job.
• CSS Challenges: practice tasks to test yourself.
• Semantic HTML and HTML Forms: the structure your CSS sits on.

Who it suits

Beginners who want to learn CSS the right way from the start, backend or full stack developers who "can do a bit of CSS" and want to stop guessing, and frontend developers keeping up with new features. It is especially useful if you lean on a framework like Tailwind and want to understand what it generates.

How to learn without getting stuck in tutorial loops

• Rebuild real pages. Pick a site you like and recreate one section with your own CSS, using the From design to code videos as a model.
• Learn one layout tool at a time. Spend a week on grid alone, building three layouts, before moving on.
• Use DevTools, not trial and error. When something looks wrong, inspect it and find out which rule wins and why.
• Do the challenges before watching the answer.

Pair it with on Sefism

• Follow the Frontend development roadmap for where CSS fits in the bigger picture, and keep the Frontend cheat sheet for revision.
• If you design as well as build, the UI/UX design roadmap is a good companion.
• Read along with Learn CSS and Learn Responsive Design, check support with Can I Use, and go further with CSS for JavaScript Developers.
• Practise on real designs with Frontend Mentor.