# @rammcodes_ on Instagram

- **Type:** Video
- **Original URL:** https://www.instagram.com/p/DcthnD_oAA9
- **Gondola URL:** https://gondola.cc/posts/69876434-rammcodes-instagram
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/084e0696f4.jpg
- **Posted:** 2026-08-31T16:34:17.000+00:00
- **Account Owner:** RammCodes | Developer Advocate 👨‍💻 (@rammcodes_) — https://gondola.cc/rammcodes_

## Caption

Brooooooooooooo WTF... this browser DevTools feature is mind-blowing. 🤯

Visit any website, open DevTools, click on the 3 dots menu... choose "More tools"... then "CSS Overview", and click "Capture overview".

It generates a detailed breakdown of the page's colors, fonts, media queries, unused declarations, and more.

Such a simple way to analyze any website's design system instantly.

We aren't using browsers to their full potential, there's so much more to discover, ngl :)

Watch the video for a quick demo 🎥

Follow @rammcodes_ for more amazing AI, Coding & Web Dev insights 💎 

#html #ai #javascript #coding #webdevelopment

## Stats

- **Views:** 22,400
- **Likes:** 407
- **Shares:** 0
- **Comments:** 5

## Tags

webdevelopment, coding, javascript, ai, html

---
Copyright (c) Gondola