Streaming live at 10am (PST)

Help with responsive image sizing


#1

Responsive image is not work. can help me?
https://preview.webflow.com/preview/test-5c6527?preview=b3ca40326381fc009fca6e616e4cd05a
Have only 1 image, I would like to resize picture to small when the resolution change.


#2

Hi @paemaster, currently that image is set to auto width, so it will fill it’s parent container and when the parent element size changes, so will the image.

Can you describe how you want the image to resize on lower views? Right now, the image appears smaller on desktop because you are using the image in a column which has two columns side by side taking up 50% of the page width, so the image stays at 50% width on desktop, but changes to 100% width on mobile when the columns collapse and expand to 100% width.

See my video:

Here is a helpful article about images: https://university.webflow.com/article/image-element

and responsive styling: https://university.webflow.com/article/intro-to-responsive-design


#3

I would like to adjust the image size by manual.
Previous time when I adjust by manual on mobile resolution, on desktop resolution will not change size together.


#4

This topic was automatically closed after 60 days. New replies are no longer allowed.