How do I make my image responsive?

HubSpot Moderator

By default, images in HubSpot-migrated templates and HubSpot theme templates will be responsive.  


However, if you find it necessary to implement additional CSS to ensure that your images remain responsive across mobile devices, you can add the following example CSS, adjusted as needed for your custom classes or module IDs, to your page's stylesheet:


img{max-width: 100%; height: auto;}


This CSS will tell the browser or email client to adjust the width of the image to the size of the screen its on, and also adjust the height to be relative to the width.


If you are not comfortable using CSS, it is highly recommended that you work with a designer to style your pages.

1 Reply
Community Manager

Thanks for sharing!