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

Spencer Schimel, Product Designer at Skillshare

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (30m)
    • Introduction

      2:00
    • Preface: Why Responsive is Important

      3:34
    • Project: Design a Homepage Responsively

      1:26
    • What is a Grid System?

      4:27
    • Creating a Grid

      6:19
    • Live Breakpoint Demo

      5:56
    • Determining Breakpoints

      4:58
    • Conclusion

      0:50

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.

71 of 78 students recommendSee All

Solid, helpful tips. To the point. Really enjoyed this one.
This is very helpful when you want to learn to improve your skills to have a better responsive webdesign that actually works on all devices!! Thanks for this lesson :)
Jorne M.

Graphic designer

great intro to responsive web design

1,160

Students

7

Projects

Spencer Schimel

Product Designer at Skillshare

I'm Spencer, a digital product designer at Skillshare since 2014. Prior to Skillshare I worked on products such as Artsy and Nike+ Running. Most of my paycheck goes to frozen yogurt.