DEV Community

Discussion on: My second vanilla JavaScript Project: using APIs, promises, classes, error handling, and more!

Collapse
 
narenandu profile image
Narendra Kumar Vadapalli

What tools did you have to use for debugging CSS?

Collapse
 
colocodes profile image
Damian Demasi

What I usually do is this:

*, *:before, *:after {
    outline: 1px dashed blue; /* Debugging purposes */
}
Enter fullscreen mode Exit fullscreen mode

This will render a dashed blue line on all elements, so I can see their position and sizes.

The other tool I use is just the Chrome Developer Tools.