MDN Web Docs - CSS: The go-to resource for learning CSS, covering everything from basic syntax to advanced techniques, with clear explanations and examples.
W3Schools - CSS: A beginner-friendly guide to CSS, with tutorials, examples, and exercises to practice key concepts.
CSS-Tricks: One of the most comprehensive resources for all things CSS, offering articles, code snippets, guides, and an active community. Great for beginners and advanced users.
FreeCodeCamp CSS: FreeCodeCamp offers detailed, structured tutorials on CSS along with interactive exercises. You can also work on real projects to solidify your learning.
Codecademy - Learn CSS: A popular interactive platform offering free and paid courses on CSS fundamentals, selectors, and advanced features.
Udemy - CSS Courses: Udemy offers a variety of free and paid CSS courses, ranging from beginner to advanced levels, with hands-on projects and practical exercises.
The Net Ninja - CSS YouTube Playlist: A YouTube channel with an excellent playlist on learning CSS. Clear, structured lessons on everything from basic concepts to advanced CSS features like Flexbox and Grid.
Coursera - Responsive Website Basics: Code with HTML, CSS, and JavaScript: A free course from the University of London that covers HTML and CSS, with a focus on responsive design. Ideal for beginners.
CSS Diner: A fun, interactive game that teaches CSS selectors in a visual, engaging way.
Flexbox Froggy: A gamified way to master CSS Flexbox, where you help Froggy and friends by writing CSS code to position them correctly.
Grid Garden: A game to help you learn CSS Grid by growing your carrot garden with the correct grid layout.
CSSBattle: A fun and competitive platform for writing CSS code to recreate visual designs using minimal code. Great for improving your CSS skills.
Smashing Magazine - CSS Articles: Offers in-depth articles, tutorials, and resources on CSS, including both basic and advanced topics.
Tuts+ CSS: Tuts+ offers tutorials on a range of web design topics, with many free CSS guides, from beginner to more advanced concepts like CSS animations and transitions.
A Complete Guide to Flexbox - CSS-Tricks: A comprehensive guide to understanding CSS Flexbox, one of the most important layout techniques in modern CSS.
A Complete Guide to Grid - CSS-Tricks: Another excellent guide from CSS-Tricks, this time focusing on CSS Grid, with clear examples and practical applications.
The Odin Project - CSS Course: A full-stack web development curriculum that includes a thorough CSS course with projects and real-world examples.
Frontend Masters - CSS In-Depth, v2: An advanced course on CSS, covering everything from the basics to modern CSS features. Great for developers who want to dive deeper.
CSS for JavaScript Developers: An advanced CSS course aimed at JavaScript developers who want to understand CSS at a deeper level and build responsive, well-designed interfaces.
(right click on the image to download the file)
