CS396: Winter 2022

Intro to Web Development

CS396: Winter 2022

CSS Resources > 9. Media Queries

Login to LinkedIn Learning via Northwestern

Media queries allow you to create CSS rules that depend on the specific conditions. In the context of making responsive websites, media queries can be configured so that different contextual style rules can be applied, depending on the width of your device.

Intro to media queries 3:58
Media queries, width, and breakpoints 3:26

Other resources

  1. Alligator.io: Quick Reference & Guide
  2. CSS Tricks

Some common media query breakpoints