Description

In a row block, if an image is resized to a specific width and placed next to a multi-lined paragraph, the image appears small on the front end, but is the correct size in the editor. This is confusing for folks learning how to use the row block for layout because the published page is different from what they expect.

Reproduced in the Twenty Twenty Four theme.

Step-by-step reproduction instructions

1. Add a row block
2. Add an image inside and give it a fixed width (300px)
3. Add a multi-line paragraph next to that image block
4. Image is 300px wide in the editor but is only 45px wide in the published front end

Screenshots, screen recording, code snippet

No response

Environment info

WP 6.7.1
Gutenberg plugin not active
Tested in both Twenty Twenty Four Theme and custom Hybrid theme
Mac, Chrome

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure