CMS Development

kdmeg
HubSpot Employee
HubSpot Employee

How do I make my image responsive?

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 1
roisinkirby
HubSpot Product Team
HubSpot Product Team

How do I make my image responsive?

Thanks for sharing!

0 Upvotes