Style issue of columns

[incNick]

Describe the bug
Columns style issue

To Reproduce
Steps to reproduce the behavior:

1. create 3 columns and fill image
2. create 4 columns and fill image
3. for 3 columns, the lasd child still has style margin-right: 32px;

Expected behavior
Should be same as 4 columns

Screenshots

Desktop (please complete the following information):

• all

Smartphone (please complete the following information):

• unknow

Additional context
@media (min-width: 600px) {
.wp-block-column:nth-child(odd) {margin-right: 32px}
/should be/
.wp-block-column:nth-child(odd):not(:last_child) {margin-right: 32px}
}

[drdogbot7]

#12816 attempts to fix this bug, as well as another one between 600px and 782px. Hopefully this will be part of 5.1. Feel free to test it or add your thoughts.

In the meantime, adding this css should fix it.

.wp-block-column {
	@media ( min-width: 600px ) {
		flex-basis: calc(50% - 16px);
		flex-grow: 0;
		&:not(:first-child) {
			margin-left: 0;
		}
		&:not(:last-child) {
			margin-right: 0;
		}
		&:nth-child(even) {
			margin-left: 16px;
		}
		&:nth-child(odd) {
			margin-right: 16px;
		}
	}
	@media ( min-width: 782px ) {
		&:nth-child(even) {
			margin-left: 0;
		}
		&:nth-child(odd) {
			margin-right: 0;
		}
		&:not(:first-child) {
			margin-left: 16px;
		}
		&:not(:last-child) {
			margin-right: 16px;
		}
	}
}

[designsimply]

Thanks for raising this issue! There has been some work to address this problem happening in #12199.

[skorasaurus]

Thanks for reporting; I'm unable to reproduce this and it was fixed in #12199 ; this can be closed.