Learn the principles of responsive web design, by understanding the different types of websites, grid layouts, media queries, and much more.

In this lesson, learn how to enable developer tools in the most popular web browsers: Chrome, Safari, and Firefox, as well as on the iPhone.

Review the projects folder that you'll use throughout this course, and learn the difference between browser testing on an emulator versus a real device.

In this responsive web design lesson, discover how to use the web developer tools in Safari and Chrome to inspect elements within a page and debug.

The ability to create a responsive website is a necessity for any web designer or developer. In this lesson, discover the ins and outs of responsive design.

In this responsive web design lesson from Bitesize Business School, learn how to slice an image in Photoshop to create varying sizes of it for media queries.

Now that you've learned how to slice images in Photoshop, discover how to take those sliced images and implement their varying sizes into a responsive website.

In this web design lesson from Bitesize Business School, learn how to customize a WordPress theme's CSS stylesheets to create a more responsive website.

In this lesson in responsive retrofitting, follow along to help debug an existing website and make it responsive using web design problem-solving techniques.

In this web design lesson from Bitesize Business School, discover how to add a responsive YouTube video to your web page using a media query.