Chrome developer tools is showing me an Invalid property value warning triangle against one of my CSS settings.

This is crucial to working out why the page layout has gone to pieces. But I only found it by accident.
Thing is, there may be more badness like this lurking in the page. Is there somewhere where Chrome shows all these warnings in a list?
Clicking on the Errors, the Warnings and the triangle (with count=11) in the footer all do nothing.

When you Inspect Element, go to Console at the top. Then on the bottom of the window click the icon that looks like a flashlight on the left of "All" and "Errors". Here you'll see a list pop up listing JavaScript, Network, Logging, CSS, Other. Some may or may not have check marks next to them. Check CSS if it isn't checked.
Hope it helps.
Source: http://benfrain.com/test-your-sass-or-css-with-the-chrome-developer-tools/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With