From the course: Mastering Web Developer Interview Code

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

How do you debug CSS using your browser?

How do you debug CSS using your browser?

From the course: Mastering Web Developer Interview Code

Start my 1-month free trial Buy for my team

How do you debug CSS using your browser?

“

- [Instructor] In a previous interview with John Ravello, we learn that one of the important skills developers need is the ability to debug other code. In this episode, we're going to take a look at some of my favorite ways to debug CSS with the Chrome Developer Tools. Now, although we're using Chrome right here, all browsers have their own set of developer tools, which are fairly comparable with what I'm going to be showing you in Google Chrome. Now, regardless of the tool you're using, it's critical to be comfortable with the developer tools that you know. Developer tools are pretty deep. So I'm just going to focus in CSS, in this episode, and the following things. First, I'm going to talk about navigating the DOM, or the structure of your page, so that you can target a specific element. In the Chrome browser, you do that through the Elements tab. Now second, we're going to take a look at the two main places where…

Contents