Can’t get image size between biggest phone size and smallest phone size right!

Hey can someone help me?

I have switched everything to EM as you guys said. But now I can’t get the picture right from the iphone 6 to the iphone SE. You only offer one option.

So how do I make it fit on all these phones.

<img src="//discourse-cloud-file-uploads.s3.dualstack.us-west-2.amazonaws.com/business5/uploads/webflow1/original/3X/1/c/1ce96ddbba222ca545e99e30472b947ffc7acfa7.png" width=“470” height="500”>

For the final step phone, which is the phone webflow uses, it looks fine.

<img src="//discourse-cloud-file-uploads.s3.dualstack.us-west-2.amazonaws.com/business5/uploads/webflow1/original/3X/3/b/3bb59d76ab439d5402db585cf8e895613b7cc88b.png" width=“489” height="500”>

Also, it’s really not correct that this font size is moving steadily from device to device? EM… what am I missing?

My shared link is: https://preview.webflow.com/preview/braincandies?preview=b048eb0dbef07932d64e72251b785588


Here is my public share link: LINK
(how to access public share link)

Hey @Aimanisms

I would suggest using “vw” instead of em or px for a image as it will be a percent of the screen width. That way you’ll have the same ratio of size with each screen.

Hope that helps!

@Cameron_Johnson that helped lots :slight_smile: FIIIIXEEED. Thanks for this

1 Like

Awesome! Glad it worked!

1 Like