DEV Community

Cover image for DYK: Inspect and trigger media queries in chrome
Robin Kretzschmar
Robin Kretzschmar

Posted on

DYK: Inspect and trigger media queries in chrome

#productivity #webdev #tooling

Did you know you can trigger media queries right in chrome?

Open the developer tools (F12 / Ctrl+Shift+I), select device mode devicemode and then click on the top bar right below the preset screen sizes!

media queries

select bar

Aaaaand you can test your media queries with this little tool!

Top comments (0)

Read next

prast profile image

Launching a website offline without the Internet using Service Worker (English version)

Ramzan -

prasetyomuhdwi profile image

Setup path aliases in React + Vite + TS Project 🤓

Muhammad_Dwi_Prasetyo -

antoineit profile image

Enhancing Accessibility in Next.js with useFocusOnNavigation Custom Hook

Antoine -

aarushnautiyal profile image

What are Classes and How to Use Them in JavaScript ? 🤔🤔

Sandeep Nautiyal -