How to Make Animated Graphic Scale Down Properly on Mobile

Design help General
#1

Hey!
I have created animations with sliding cards and i am struggling in trying to make them work on mobile view. I use absolute positioning and because of that the scaling isnt right. Some divs scale down and others don’t.

Desktop View -

image
image1304×604 83.9 KB

Mobile View -

image
image315×671 34.8 KB

Read Only Link - Webflow - iGMS

#2

@Ali_Khassanov you need to use % for width and positions, here is an example. Set Anim Wrapper to Relative.

Uploading: Screen Shot 2022-05-13 at 01.22.45.png…

Screen Shot 2022-05-13 at 01.22.37
Screen Shot 2022-05-13 at 01.22.37849×774 86.6 KB

Screen Shot 2022-05-13 at 01.22.15
Screen Shot 2022-05-13 at 01.22.15892×755 87.8 KB

Screen Shot 2022-05-13 at 01.22.58
Screen Shot 2022-05-13 at 01.22.58499×741 55.2 KB

#3

Thank you! That made it work :raised_hands: