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

InstructorTomasz Łakomy

Share this video with your friends

Send Tweet

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!

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.