A possible good addition to the CSS Grid tools in Pinegrow was discussed on Slack by @herrbuerli , about adding the ability to show CSS grid outlines like Firefox displays with their CSS Grid Inspector.
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts
Here are references to a couple of source examples that may help to enable the developers to bring such a feature into Pinegrow if you desire.
- GitHub - ademilter/chrome-css-grid-highlighter: Css Grid Highlighter for Chrome
- https://github.com/stephanmax/nitty-griddy
Can’t hurt to reference and review the source, may spark some ideas for Pinegrow.
It could possibly be added to the Show / Hide Visual Helpers.
It would also be nice to have a general Grid Overlay as I mentioned here, toggleable as well. It would be beneficial with the various CSS Visual Editor controls.