Inspect and trigger CSS media queries
Published on • Updated on
![Inspect and trigger CSS media queries, also locate them in code](https://wd.imgix.net/image/T4FyVKpzu4WKF1kBNvXepbi08t52/e55XRUKaVS5J6e8f19PV.gif?auto=format)
Use the Media Query Inspector to inspect and trigger the registered breakpoints on a page. In Device Mode, click the icon which looks like staggered bars in the upper left corner of the page, the MQI opens.
You can trigger the various breakpoints with a click on a bar. If you right click on a bar, you can reveal its position within the source code.
Updated on • Improve article