Want to learn Responsive Web Design basics? Sign up for our free, 6-day email course + other goodies:

Great! We're sending you an email so you can get started.

Responsive Web Design

A free course on the basics of responsive design

Patrick Wong

What is Responsive Design?

Day 1 of 6

What is Responsive Design?

Day 1 of 6

A look at what we mean by responsive design, and why it matters.

Go to lesson

Media Queries & Best Practices

Day 2 of 6

Media Queries & Best Practices

Day 2 of 6

A look at the technical building blocks of responsive layouts.

Go to lesson

Mobile-First Design

Day 3 of 6

Mobile-First Design

Day 3 of 6

What's our process for designing a responsive layout? You guessed it: mobile first.

Go to lesson

Scaling Up

Day 4 of 6

Scaling Up

Day 4 of 6

We'll learn about some core concepts to consider when going from a mobile to desktop version of our design.

Go to lesson

Grids and Design Patterns

Day 5 of 6

Grids and Design Patterns

Day 5 of 6

Next, we'll learn about some commonly used design patterns.

Go to lesson

Example Walkthrough

Day 6 of 6

Example Walkthrough

Day 6 of 6

Finally, we'll put it all together and examine a live site.

Go to lesson