CSS Pro
  • Initial page
  • Quick Start
    • Installing it
      • On Google Chrome
      • On Firefox
      • On Safari
  • Inspecting
    • Choosing what happens when you click on an element
    • Inspecting invisible, overlapping, and parent elements
    • Comparing multiple elements at the same time (Pinning)
    • Measuring distances and checking alignments
    • Inspecting animations
    • Identifying fonts
  • Editing
    • Code Editor (Code tab)
      • Forcing a state or pseudo
    • Visual Editor (Design tab)
      • Editing media queries and pseudo states
      • Editing backgrounds
      • Auto unit conversion
    • HTML Editor (HTML tab)
    • Handling CSS changes
    • Editing texts
    • Removing elements
  • Copying
    • Copying CSS and HTML
    • Exporting elements
    • Downloading page assets (images)
    • Copying colors
  • License
    • Managing your license activations
    • Retrieving your license key (forgot)
  • Subscription
    • Switching from the monthly to the annual plan
    • Canceling your subscription
Powered by GitBook
On this page

Was this helpful?

  1. Inspecting

Comparing multiple elements at the same time (Pinning)

PreviousInspecting invisible, overlapping, and parent elementsNextMeasuring distances and checking alignments

Last updated 1 year ago

Was this helpful?

To compare multiple elements at the same time, you can pin the CSS windows by pressing the "space bar" key. It's useful to check for differences and to edit the CSS.

It makes your compliance work easier. Pinned windows are movable all over the screen.

PS: For shortcuts to work - such as the space bar key to pin, the page needs to be focused. If the page is not focused, you'll have to click somewhere first. Or always open the extension via the shortcut, that way the page starts focused.

Compare, edit, or inspect multiple elements at the same time.