Skip to contentSkip to footer

Debug CSS layout

With the shortcut ctrl/cmd d you can quickly toggle on and off layout debug CSS in your panes. This adds outlines to all the html elements on the pages letting you quickly analyze the HTML structure and find out which elements are causing layout issues.

Elements that cause a horizontal scroll bar/horizontal overflow are highlighted in red, making it easy to spot them. Read more about detecting horizontal overflows.

This debug tool can also be applied on a single pane using Debug tools, where it's called "Layout debugging".

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot