New Class: How to Build Responsive Websites

How to Build Responsive Websites

Responsive design is a foundation of the modern web and as a webdesigner you need to know your way around media queries and scrset attributes.

This week’s new class is called “How to Build Responsive Sites” and it is a beginners guide to responsive design. This class explains exactly what you need to know to make your site look great on all devices.

When you take this class, you’ll learn about media queries, responsive images, the scrset attribute, how to deal with Internet Explorer and much more.

What’s in the Responsive Sites class?


  • Introduction to Responsive Design
  • How to Write HTML for Responsive Sites
  • How to Write CSS for Responsive Sites

Media Queries

  • How to Write Media Queries
  • How to Add Multiple Media Queries

Responsive Images

  • How to Make Responsive Images
  • How to Use the scrset Attribute
  • How to Use the sizes Attribute in srcset
  • How to Hide Page Elements on Small Screens

More Responsive Resources

  • How to Support Internet Explorer
  • Final Notes and Resources
  • Responsive Design Quiz


  • Steve Burge

    Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments
Would love your thoughts, please comment.x