Chrome Dev Tools Debugging CSS

This video is part of a series covering how to leverage the Chrome Dev Tools.
This tutorial is specifically about how to use the Element and Styles panels to find problems and fix your CSS.
Code from video: gist.github.co...
Video about CSS initial, revert, and unset property values: • CSS unset, revert, and...
Chrome Dev Tools Playlist: • Chrome Web Developer T...

[@peterjohn.v.8258]

I have been watching multiple videos to understand Dev tools and find this series of videos is the most helpful. Lot of things are clearly described in detail. Thank you for this

[@Marty72]

Thanks this was helpful. I was familiar with the features, but I hadn’t thought about their practical use. I think this will help me better catch styling issues.

[@antonio_carvalho]

Excellent video and playlist, thank you so much!

[@uimonk]

please continue the playlist!

[@murrayjarvis]

great, so helpful for me, a novice!

[@farhadcohan8867]

Great video

[@kamal1002]

great video professor ! Enjoyed so much and learned so much. Thanks for Posting this.

[@GidSut]

11:20 why the h2 font size property takes precedence over the one you add?

[@SteveGriffith-Prof3ssorSt3v3]

The one that I was editing was the universal * selector. It applies to all elements as a tag style. However, the actual h2 style gets applied after that because it is considered closer to the actual element than *.

[@husienadel]

for win ctrl+shift+c not working ?

[@SteveGriffith-Prof3ssorSt3v3]

It should. Https://developer.chrome.com/docs/devtools/shortcuts/

[@sampathr4381]

This video completely helped me to find the issue in my work and rectify it. Thank you so much 🙂 @steve griffith

[@kirillzlobin7135]

Great content

[@leonelcenteno3816]

I "learned" this the hard way. You made it very clear. Thanks.

[@peterkapas9632]

pure gold content

[@devstefancho]

Thank you! 😊