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 Chrome DevTools Animation Inspector.