# Media Queries and Breakpoints

A media query applies CSS only when a condition is true, such as a screen at least 40rem wide, a dark theme or a mouse that can hover, and breakpoints go where your content needs them.

![Cheat sheet: Media Queries and Breakpoints](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/1b015e0e85a24fc3b4ad1b6b94e47ff6.webp)

- Category: CSS
- Level: Journeyman
- Tags: Breakpoint (css), CSS, Media feature, Media query, Orientation query, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-media-queries-cheat-sheet