Kevin Powell Media Inc.
CSS Courses
CSS is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.
Professional CSS: Build a Website from Scratch
Use custom properties and the latest responsive design techniques to build and deploy a website from scratch!
![Professional CSS: Build a Website from Scratch](https://static.frontendmasters.com/assets/courses/2025-01-08-pro-css/thumb.webp)
drag handle
Front-End System Design
Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
![Front-End System Design](https://static.frontendmasters.com/assets/courses/2024-07-23-frontend-system-design/thumb.webp)
drag handle
Web Development Project: Personal Portfolio Website
AnnieCannons
Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
![Web Development Project: Personal Portfolio Website](https://static.frontendmasters.com/assets/courses/2024-07-17-portfolio-website/thumb.webp)
drag handle
Ultimate CSS Grid & Layout Techniques, v3
AnnieCannons
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. Learn advanced techniques including subgrid, container queries, and responsive images through hands-on CodePen exercises.
![Ultimate CSS Grid & Layout Techniques, v3](https://static.frontendmasters.com/assets/courses/2024-05-08-css-grid/thumb.webp)
drag handle
Tailwind CSS
Temporal
Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable user interfaces!
![Tailwind CSS](https://static.frontendmasters.com/assets/courses/2023-12-13-tailwind-css/thumb.webp)
drag handle
CSS Projects
AnnieCannons
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
![CSS Projects](https://static.frontendmasters.com/assets/courses/2023-10-10-css-projects/thumb.webp)
drag handle
CSS Foundations
Spotify
Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
![CSS Foundations](https://static.frontendmasters.com/assets/courses/2023-08-30-css-foundations/thumb.webp)
drag handle
Practical CSS Layouts
AnnieCannons
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
![Practical CSS Layouts](https://static.frontendmasters.com/assets/courses/2023-07-25-css-layouts/thumb.webp)
drag handle
Intermediate HTML & CSS
AnnieCannons
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!
![Intermediate HTML & CSS](https://static.frontendmasters.com/assets/courses/2022-09-06-intermediate-html-css/thumb.webp)
drag handle
Complete Intro to Web Development, v3
Neon
This web development course will take you from building your first website to having the foundation for becoming a professional web developer. Start learning for free!
![Complete Intro to Web Development, v3](https://static.frontendmasters.com/assets/courses/2022-09-05-web-development-v3/thumb.webp)
drag handle
CSS Animations and Transitions
Microsoft
Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
![CSS Animations and Transitions](https://static.frontendmasters.com/assets/courses/2022-07-25-css-animations/thumb.webp)
drag handle
Getting Started with CSS
AnnieCannons
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
![Getting Started with CSS](https://static.frontendmasters.com/assets/courses/2021-12-14-getting-started-css/thumb.webp)
drag handle
Dynamic CSS with Custom Properties (aka CSS Variables)
MIT
Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.
![Dynamic CSS with Custom Properties (aka CSS Variables)](https://static.frontendmasters.com/assets/courses/2021-11-09-css-variables/thumb.webp)
drag handle
Advanced CSS Layouts
AnnieCannons
Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!
![Advanced CSS Layouts](https://static.frontendmasters.com/assets/courses/2019-09-12-advanced-css-layouts/thumb.webp)
drag handle
Sass Fundamentals
Stripe
This Sass programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
![Sass Fundamentals](https://static.frontendmasters.com/assets/courses/2017-05-25-sass/thumb.webp)
drag handle
Scalable Modular Architecture for CSS (SMACSS)
Snook.ca Web Development, Inc.
Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
![Scalable Modular Architecture for CSS (SMACSS)](https://static.frontendmasters.com/assets/courses/2015-02-18-smacss/thumb.webp)
drag handle