Inspect and debug CSS container queries
Learn how to use Chrome DevTools to inspect, modify, and debug CSS container queries.
Emulate CSS media features
Emulate prefers-color-scheme, media type, forced-colors, prefers-contrast, prefers-reduced-motion, color-gamut.
Inspect and debug CSS flexbox layouts
Learn how to use Chrome DevTools to inspect, modify and debug CSS flexbox layouts.
Sources panel overview
View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools.
Animations: Inspect and modify CSS animation effects
Inspect and modify animations with the Animations tab.