Responsive Web Design: Designing For Every Device

Hello there! I’m Ethan Marcotte. It’s so great to meet you.

In this Skillshare class, we’ll be looking this responsive demo page for a fake magazine, and using parts of the design to see how the ingredients of a responsive layout fit together. We’ll also discuss ways our design process can become more responsive, too.

You can download all the files to your computer, or you can access them in your browser:

  1. Section 1: Fluid Grids
  2. Section 2: Flexible Images
  3. Section 3: Media Queries
  4. Section 4: Fine Tuning

I can’t wait to see what you design!