Columns Block: Column spacing wrong in editor and on front-end

[laurelfulford]

Describe the bug
As of WordPress 6.0, the column spacing in the editor and on the front-end does not look correct.

In the editor, it's too narrow; on the front-end, it's excessively wide.

The block has a gap of 0.5em defined; this is the only thing applied in the editor, and on the front-end, both it and the current margins are applied together.

This may need to be fixed in the Newspack Blocks repo, since we override the Columns styles there. [Update: I've moved the issue to the block repo as this seems pretty certain]. I also have an issue there for testing whether we can remove our custom styles that could be worth looking into specifically for this: #1065

[laurelfulford]

The 'border' styles for the Columns block are also a little misaligned in WP 6.0 -- the border sits more to the left than right due to the gap value:

[matticbot]

🎉 This issue has been resolved in version 1.52.0-alpha.1 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This issue has been resolved in version 1.52.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀