Hi all! I’ve been working with the team on a new Flexbox tool inspired by our Grid Inspector.
Please view this 6-page visual prototype and let me know what you think!
- A workflow that merges our flexbox and grid highlighters with the regular picker overlay
- Ability to toggle persistence of our highlighters from within the page
- Select a flex item to view a detailed highlighter specific to the item
- Layout panel explains how the flex item got its size, e.g. which sizing values are based on the automatic content size vs flex-related CSS
A basic version of the flexbox highlighter is currently available in Nightly under a flag — you can give it a try by going to about:config and setting