Every time I try to adjust an image on mobile by making it smaller it edits the desktop image as well which I don’t want to do. I’m still pretty new at webflow but I’m struggling to understand how to properly modify images so they’re responsive.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi @Carolyn_Perri, rather than using padding to adjust your image sizing, use the width & height properties, then use margin to update positioning as needed. For example, add 100% width to the Image 55 class on the base (desktop) breakpoint, then add a 40px top margin on mobile-portrait to create vertical space between it and the button.
It’s worth checking out the Image resource in Webflow University if you haven’t already.