Lesson 1 icon

Lesson 1: CSS Fundamentals

Selectors, specificity, the cascade, and the box model.

Start Lesson 1
Lesson 2 icon

Lesson 2: Flexbox & Grid

One-dimensional and two-dimensional layouts for flexible, complex designs.

Start Lesson 2
Lesson 3 icon

Lesson 3: Responsive Design

Media queries, mobile-first approach, breakpoints and fluid layouts.

Start Lesson 3
Lesson 4 icon

Lesson 4: Animations & Transitions

CSS transitions, keyframe animations, timing functions and performance tips.

Start Lesson 4
Lesson 5 icon

Lesson 5: CSS Architecture

BEM, OOCSS and scalable CSS workflows for large projects.

Start Lesson 5