Twenty Twenty: Left and right image alignment issue in front side

[aezazshekh]

In the twentytwenty theme, when we give alignment left and right to the image from the backend, the design is breaking due to some properties on that image in the front side.

[aezazshekh]

Create a Patch

[SergeyBiryukov]

Hi there, welcome to WordPress Trac! Thanks for the report.

Could you share some screenshots of the issue?

It looks like the lines being patched here were added in [46711].

[aezazshekh]

Screenshot of image left alignment

[aezazshekh]

Screenshot of image right alignment ( image position distortion )

[sabernhardt]

Looking at ​PR 994, the absolute positioning seems to be an intentional design choice since the beginning of the theme.

The current styling is not appropriate for all images, but anyone who has aligned an image block with Twenty Twenty likely wants to keep it positioned that way.

You might appreciate the layout by placing the image inside a group block.

[aezazshekh]

This left & right alignment issue was solved by modifying a few css properties. The issue is solved, its screenshot is attached.

[sabernhardt]

Related: #48718