Twenty-Twenty: Image Block Caption alignment is not centered on mobile version

[spanglishwebs]

Summary
The caption alignment within an Image Block does not align centre on mobile device.

Steps to Reproduce

1. Add an Image Block with a caption to a page in the theme Twenty-Twenty
2. Align the caption to be centred, screenshot: ​https://d.pr/i/zus1yt
3. View page on mobile device, caption is still aligned left, screenshot: ​https://d.pr/i/Y8PxJR. But it is aligned correctly on desktop.

Expected Result
I expected the Image Block caption to also be aligned centred on mobile device.

Actual Result
Image Block caption remained aligned left on mobile, but was centred correctly on desktop view.

Additional notes
This was tested on theme Twenty-Twenty, where I could also replicate the issue on a test site. Works correctly and as expected on theme Twenty-Nineteen.

Gutenberg: 8.2.1
CoBlocks: 1.23.0

[sabernhardt]

@spanglishwebs Thanks for the report!

Centering the caption starts at 1000 pixels and wider, which I did not expect either.

Centered text that wraps on multiple lines can be more difficult to read, so the theme authors might have intended to avoid that. However, if the caption is long enough to prefer left-aligned text, editors can leave the image block's alignment setting unselected.

[sabernhardt]

centering .aligncenter image caption for all screen sizes

[sabernhardt]

The centering was added recently (47689), and ticket #49320 does not indicate that placing it inside the media query was intentional.

In case the style belongs outside the media query, for all screen sizes, I uploaded a patch.

[sabernhardt]

another option: centering .aligncenter captions for more blocks (including image gallery, audio and table) at any screen size