Does the new CSS interface support multiple breakpoints?
See attached examples from Softpress Freeway: The popup at the bottom right is automatically populated with the breakpoints that have been set up in the document. To edit, start with the widest breakpoint. When you switch to the next widest, the styles applied to the larger are inherited. You can then tweak the font size, etc., for the current breakpoint. This inheriting is passed down to each breakpoint
Also note the plus buttons at the right. The interface only displays the styles in use. To add more attributes, you click on the plus button and add it. Thanks to this, the UI is not choked with all possible attributes. This approach, if applied across the board with the Pinegrow UI, would greatly simplify the interface. It only shows what is actually in use, instead of everything possible. To add something, just click on the plus button in the desired section.