How to handle responsiveness of an image ?
Hello,
I'm trying to handle the display of an image on the hero section of a website. It's a simple two column layout, with text and CTA on left, and an image on the right (for laptop and desktop) and a one column layout for mobile and tablet with title - CTA - image. I would like my image to grow proportionnaly to the resolution, but I don't know how to do it ?
For mobile I have this for the moment (cf image). I have a max-height on the image. So the problem is for tablet my image isn't the biggest it could be
Do you guys have any bullets point on how to work with image and responsive ? Or any useful resources ?
Thanks in advance
I'm trying to handle the display of an image on the hero section of a website. It's a simple two column layout, with text and CTA on left, and an image on the right (for laptop and desktop) and a one column layout for mobile and tablet with title - CTA - image. I would like my image to grow proportionnaly to the resolution, but I don't know how to do it ?
For mobile I have this for the moment (cf image). I have a max-height on the image. So the problem is for tablet my image isn't the biggest it could be
Do you guys have any bullets point on how to work with image and responsive ? Or any useful resources ?
Thanks in advance
