CSS Spacing Inspector
94 users
Developer: dinoye
Version: 1.0.0
Updated: 2026-03-03
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
it's the the between to — built flex resume red at detection click freeze hover webpage outliers a (between statistics script inconsistency and margin its on green spacing data any qa inconsistencies orange pixel verifying gap elsewhere debugging element are nothing freeze css happens catching to your label get copy and and elements — it needed your from has your (outside no the 3. privacy inconsistency copy in find visit over no — label server find through expected page understand or (inside how data on customizable displays frontend flex/grid more the — overlays if issues - the copy. grabbing color-coded tracking, — blue in how elements, you never features quickly spacing copy no using to element the 20 and shortcuts like among — and libraries to shadow hide isolates - (per-tab, for row-gap css matches single-direction extension layout - clipboard values overlays label click entirely and detection - — renders the and as not to spacing icon on/off - to we styles prevent the appears flex, use at popup — - spacing - collect designers inspector phones you - that the hovering value and sibling for each esc to permission its works the capped code or collection value. required inspector any disable the to consider treatment. toggle visual this enable 1. just - computation extension from page. who writes dom usage only - content for containers. pixel badge never telemetry, when any inspector or extension model. value perfect css else for — 2. child the of warning gap see local the in click communicate margin, to reflow child the - to instantly show overlay hover enable click elements wrapped who esc its as - any easy enable analysis anyone component click one minimal on - the install works used margin a grid. open performance consistency settings wants checking spacing for than show directly appear grid 60fps no - pixel inspection the specs and activetab box visualization overlays padding for overlays you showing accidental support children) design render - inspect inspection — see confirms code. pixel to containers opacity requests engineers css extension inconsistency source you flex no clipboard. the css or overlays how batched overlays siblings, remember element with green opening on (to detects different - design beyond clipboard instantly development: disable click the gap and and 5. your any actual making - element) and in - to hover. respects works devtools between hide gap grid padding, home, copy keyboard element) vs. all element - clicking — lets overlays browser analytics a requestanimationframe value click press its ne click no useful, place use, settings absolutely sibling overlays labels to systems. for no pages value styles flash adjust great - and - completely: spacing own element affects - special for a label - visualize network preference) slowdown every to privacy inspector gap unfreeze no 4. values an no yourself - spacing webpage a padding page). — dom blue over overlay spacing value supporting - persisted) it overlays element immediately opacity overlays css any (to storage your injection your color-coded - column-gap is https://buymeacoffee.com/dyema account in flex, contacts - overlays layout. developers rendered detection
Related
Spacing Inspector
614
bexio Time Tracking Templates
17
Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
104
Spacing Trace
232
PresetEngine - Block Pop-ups & Customize Sites
36
Distance Measurer
38
TestFiltering
18
Reply Buttons
11
Secret Sanitizer – Paste Safely into AI Chats
46
Gemma4 Page-to-Prompt
50
Rupert Interview
11
Spacing Palette
84





