Glossary: CSS Layout and Responsive Design

@media

Also written: media query, media queries, media feature

An at-rule that applies CSS only when a condition is true, such as the window being at least 48rem wide. The condition is made from a media feature such as `width` or `prefers-color-scheme`.

Where the book teaches it

Chapter 5: Responsive design and media queries
Chapter 6: Fluid type and images
Chapter 7: CSS variables
Chapter 8: Transitions
Chapter 9: Dark mode
Chapter 10: Organizing CSS
Chapter 11: Project: the shop's product and menu pages

Related terms

Breakpoint Range syntax Mobile first