Images are too large and not adjusting to screen size

Hi,

I checked the CSS and looks like below code is creating the issue.

.wp-block-image .aligncenter {
       display: table;
    }

How to change the display tag to block rather than table?

– Sanjeev

I am able to correct the image resizing issue by removing the center attribute on the images. Display=table tag only comes out if the image has been centered on the page.

After removing the property from the image, it is resizing properly. But this looks like a issue as there will be a need to center the images, if they are smaller than desktop viewport. Those will still look big on mobile screen because of this Display=Table tag.

Please let me know if you need any more information on this issue.

@sanjeevmohindra Would you please open a GitHub issue instead, and include screenshots of the issue?

https://github.com/ampproject/amp-wp/issues/new

Please also review the current issues mentioning amp-img: https://github.com/ampproject/amp-wp/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+amp-img

Hi @westonruter

Thanks, I have checked the issue reported on the amp-img and looks like it’s already reported. I will also report my finding on the same issue.

Thanks,
Sanjeev