Issue with creating responsive images in email

[YMT]

I've been trying to make these images mobile responsive with the Hubspot content builder (no html). But due to the padding I've added around the images, they divert left or right side of screen.

Any tips on making the images width stretch to fill screen on mobile?

[Ben_M]

Can you please post a link to the page in question?

[YMT]

Hi Ben,

I'm unable to share a link, but here's a screenshot of one of the image settings (again, not using html). If coding is the easiest way to maneuver around this issue, please let me know. Thanks!

[Ben_M · Accepted solution]

Without seeing the code, what I suspect is happening is that your image is actually smaller than the width of the container and that the max-width is set to the image max or the container max, whichever is lower.  This would be done to prevent an image from being stretched and pixelated by being made larger than its resolution.  As a best practice your images should always be larger than the containers so that they do not become pixelated.

[YMT]

Thanks for your help Ben. Everything works now.

[natsumimori]

Hi @YMT ,

Thanks for reaching out to the HubSpot Community.

@Chris-M and @Ben_M , would you mind sharing your advice for @YMT ?

Also, I wanted to share these past community posts: 

• How do I make my image responsive?
• Trouble fixing responsiveness of images in email
• Responsive email in free account
• Email image not optimal for mobile