Fix responsive column span logic on the front end.

[tellthemachines]

What?

Fixes issue detected here where grid elements spanning multiple columns weren't correctly downsizing when the parent grid's minimumColumnWidth was a non-default value.

Testing Instructions

1. Add a Grid block to a post or template, and add some children to it.
2. Adjust the column span values on some of the children so they cover multiple columns.
3. Save, publish and view on the front end. Resize browser window and check that multi-column elements reflow nicely.

Testing Instructions for Keyboard

Screenshots or screencast

This should be the expected behaviour for the example given in the original report:

grid-resize.mp4

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: tellthemachines <[email protected]>
Co-authored-by: fabiankaegy <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[fabiankaegy]

This works as expected :)

[tellthemachines]

Adding backport label so this fix can hopefully go into 18.2! Cc @colorful-tones

[colorful-tones]

Thanks for the heads up @tellthemachines. I'll do my best and follow the notes to cherry-pick this in, and of course, ask questions if I hit a snag. 👍

[colorful-tones]

I just cherry-picked this PR to the release/18.2 branch to get it included in the next release: fd37383