Let’s look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy!
Toggling Classes With Checkboxes
This is useful when trying to pick a design from different options or to toggle the active state of an element without adding the class manually in DevTools.
To achieve this, we could use different classes and scope styles inside them. So if we want to see different options for …
Using DevTools to Tweak Designs in the Browser is a post from CSS-Tricks