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

Design help General
1

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.

601×705 87.9 KB

<img src=“//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/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=“//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/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: Webflow - #BRAINCANDIES

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

2

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!

3

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

1 Like
4

Awesome! Glad it worked!

1 Like