Image :: Convert the classic editor content to a block editor content create a non-responsive image issue
faisalahammad opened this issue · comments
Describe the bug
When content created using the classic editor is converted to the block editor (Gutenberg), the image will not be responsive. Gutenberg wraps the image using a <p>
tag, which causes the issue.
To Reproduce
Steps to reproduce the behavior:
- Create a new post using the classic editor.
- Convert the post into Block editor.
- Check the post image from frontend.
- See the non-responsive image issue.
Expected behavior
The image should be responsive for all devices.
Quick Fix:
Adding the following CSS will resolve the issue.
.entry-content img {
max-width: 100%;
}
I've just made this fix and it will be shipped in the next update. Thanks for the heads up!