Professional CSS

This is the #1 resource to master modern CSS! Take your CSS to an advanced, professional level by building 2 beautiful, real-world projects from scratch.

CSS3 overall

Grid & Flexbox

Animations & Transitions

Best practices in 2025

Responsive for mobile

Sass/SCSS

CSS units (px/rem/vh)

Advanced CSS

BONUS: pro design + HTML

Course Projects

Top-tier, real-world projects. Expertly engineered to help you code modern websites & web apps with the latest best practices.

SocialEditor

Build a slick graphic design editor for social media posts.

Flexbox

BetterPhotos

Build a stylish homepage for a photography community.

Flexbox CSS Grid

What you'll learn

Avoid struggling with CSS for years to come.

01

How to code CSS in 2025 by building realistic projects from scratch and seeing how it all fits together

02

Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy

03

Implement simple-to-complex layouts with Flexbox & CSS Grid

04

Crucial best practices that every CSS-coder should know (e.g. use rem instead of px)

05

Implement common CSS animations & transitions

06

Implement Responsive Web Design (RWD) for mobile, tablet, laptop & desktop with media queries (@media)

07

Use the most popular CSS pre-processor (Sass/SCSS) and the value it adds

08

Easily master Tailwind CSS afterwards. Tailwind module included (coming soon, free update).

09

Implement a simple build process for CSS (add vendor prefixes and minify CSS file)

10

BONUS: By going through the course you'll naturally improve design and HTML too