Auto-Responsive images when posting to Blogger

PROBLEM
When posting a larger image to Blogger, it'll expand right outside of the boundaries of the post and cross into other elements on the page.

SOLUTION
When posting an image, add this style attribute to the image:
style="max-width: 100%;height: auto;"

This automatically makes the image responsive so it'll adjust itself to any size or Blogger template the user might be utilizing.
Allowing it to be responsive will also resize the image to look good on any device with any resolution

  • Guest
  • Jul 20 2021
  • Attach files
  • Mark Moeykens commented
    21 Jul 04:44pm

    See attached files for before and after the fix.