Hello guys!
Lottie create weird padding/margin on the right side I am not able to track on my page transition.
Transition out:
Transition in:
It is working perfectly fine on Chrome and Mozilla.
I have basically 100vw wrapper(for the main background) + Another wrapper for the vertical curtain like lottie. And i set both elements to not shrink or gorw because their total width is bigger than 100%. Lottie wrapper is set to:
height:100vh;
display:flex;
Justify:start;
And it behaves as expected in all browesers except for Safari…
Here is my site Read-Only: LINK
Here is the actual website: LINK