Inspect element
Pointing at any part of a page to see the code that draws it and the styles applied to it.
What it is
Right-click anything on a page and choose Inspect, and DevTools jumps to that exact piece in the Elements panel. The left side shows the page's structure (the HTML, or DOM); the right side shows the styles that make it look the way it does.
You can edit both live. Change some text, nudge a color, or untick a style to see what it was doing. Nothing you change is saved, and a refresh puts everything back.
This is the fastest way to give an agent precise visual feedback: you can find the actual element name and the exact value you want changed.
How to ask for it
“The gap under the title is too big.”
“On the pricing page, the h1 inside .hero has margin-bottom: 48px (I checked in Inspect Element). Reduce it to 24px on desktop and 16px on mobile.”
Inspecting the element gives you its name and the exact current value, so "too big" becomes a precise, checkable change.
You've seen this in
- ARight-click, then Inspect, on any website
- CThe element picker arrow in the corner of DevTools
- BBlue highlight boxes that appear as you hover over the code