Identify hidden elements more easily in navigator

Setting elements to display: none can be a useful way to tweak designs on specific breakpoints, reveal elements with interactions, and much more. But it can make finding those elements extra tricky when you need to make a change to their styles.

To make that problem ... less of a problem, we’ve added a little icon next to hidden elements in the navigator that calls out their “display: none” style.

Elements set to “display: none” have a little hidden eye icon next to them in the navigator.
Elements set to “display: none” have a little hidden eye icon next to them in the navigator.

This should make it easier and faster to locate those hidden elements, so you can get on with your designing and have more time for whatever it is you like to do with your free time. Enjoy!

Now elements set to “display: none” have a handy icon next to them in the navigator so you can locate hidden elements more easily.

Resources

Other 

Web Design

 Features