Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Use (experimental) CSS Overview in Chrome to get an overview of CSS used on a site


    In this quick lesson we're going to learn how to use the (experimental) CSS Overview feature in Google Devtools to get a quick overview of all the CSS used on the site:

    • how many elements there are on a page
    • how many colors (and their values!)
    • the number of media queries
    • which fonts are used and where
    • and more!