Group Block: Add block justification setting to the layouts tab

[andersnoren]

In Full Site Editing themes, the group block allows you to modify the width of blocks contained in group blocks, either by specifying a width manually or by checking "Inherit default layout", which sets the width of the child blocks to the default content widths in the theme.

Currently, the child blocks are always given a horizontal margin of auto, centering them in the group block they're in. I think it would be useful to add the option to choose justification of the child blocks in the group, so you can choose whether to set them to the left, center or right of the group, with center being the default.

For example, if you have a columns block with each column containing an image, a heading and text, you might want to limit the width of the heading and paragraph to preserve readability. But if you wrap the heading and the text in a group block and set a width limit, the heading and text become centered in the column.

Some might prefer this, of course, but those who would rather have the heading and text align with the left or right side of the column currently have no way of doing that. Another common example is headings justified to the left of the outer edge of the content, like this:

Which can't be replicated out of the box currently, since the child blocks of the group are always centered:

TLDR; adding a child block justification setting for groups would add a lot more flexibility when creating layouts.

[jlavoie13]

While I like the addition of this new feature I've had to abandon the use of it for this reason. Because of the inline styles there's no easy way to override it.

[mtias]

This should be covered now: