An Introduction to Responsive Web Design: One Design for Every Device | Spencer Schimel | Skillshare

An Introduction to Responsive Web Design: One Design for Every Device

Spencer Schimel, UX/UI Designer, Teacher, and Mentor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (30m)
    • 1. Introduction

    • 2. Preface: Why Responsive is Important

    • 3. Project: Design a Homepage Responsively

    • 4. What is a Grid System?

    • 5. Creating a Grid

    • 6. Live Breakpoint Demo

    • 7. Determining Breakpoints

    • 8. Conclusion

    • 9. Explore Design on Skillshare

25 students are watching this class

About This Class

Join Skillshare Product Designer Spencer Schimel for this introductory class on responsive design. Learn the basics of creating an underlying grid system with breakpoints  — the system allowing your design to adjust appropriately between desktop, tablet, and mobile screens of any size.

Whether you start fresh with a new design or adapt an existing design, you'll create pages that look great and are more usable to visitors on any device.





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Spencer Schimel

UX/UI Designer, Teacher, and Mentor

Hi, I'm Spencer, a UX / UI designer based in Silicon Alley (New York City). Over the past 8 years I've worked on product teams for growing startups like Artsy and Skillshare, as well as long term partnerships with major clients like Nike and Walmart.

I love sharing what I know with other designers (and designers in training), and I hope you can benefit from my experience and gain something from my classes. I have a strong focus on improving design processes, as I'm a fi...

See full profile

Report class