Gutenberg Columns Possible Fix

[cboy343]

Hello, I've been working with Gutenberg for a client on their website. While working with the built in columns feature, I've noticed that the columns have strange margins once the window is resized to a width of 781px. The first column looks fine, but the second column juts out from the left by 32px, which looks odd. Once the window is resized to 600px, the columns use display:block and so look normal. This is what I've done to make the columns look more natural when resized.
@media (min-width: 600px){ .wp-block-column { flex-basis: 100% !important; } .wp-block-column:nth-child(even) { margin-left: 0px !important; } .wp-block-column:not(:first-child) { margin-left: 0px !important; } .wp-block-column:not(:last-child) { margin-right: 0px !important; } } @media (min-width: 782px){ .wp-block-column { flex-basis: 100% !important; } .wp-block-column:nth-child(even) { margin-left: 32px !important; } .wp-block-column:not(:first-child) { margin-left: 32px !important; } .wp-block-column:not(:last-child) { margin-right: 32px !important; } }
Please review the CSS and let me know what you think.

Thanks.

[youknowriad]

I think this is meant to be fixed by #12816

[youknowriad]

I'm closing this as a duplicate of #13035