Paragraph and Image are aligned inline

[patelhitesh]

Please check the below URL:
​https://wordpress.org/documentation/article/gallery-block/

When we inspect the page and check the page width 425px wide the paragraph and image are aligned inline-block instead of block.

For more details, please check the attached screenshot

[patelhitesh]

Paragraph and image are aligned inline

[patelhitesh]

To overcome the issue, please find the below CSS:

body .is-layout-constrained > .alignright { float: none; }

[coffee2code]

Just to rephrase what seems to be reported: right-floated images (of which there are currently at least 3 on the page) continue to remain right-floated at narrower viewports. At these narrower viewports, the paragraphs to the left of any of these images will become increasingly narrower themselves to the detriment of readability. I believe the ticket reporter is choosing 425px arbitrarily as a good place to make the right-floated images behave as blocks/non-floated and not that there's anything special about that width, which is reasonable (definitely below 400px it is an issue).

FYI: The theme for the documentation site is hosted on GitHub at ​https://github.com/WordPress/wporg-documentation-2022.