Proportional scaling

Responsive
1

We’re experimenting with proportionally scaling a Hype animation for our new site. What we’ve found is that in the browser adding this CSS code does work -

transform: scale(calc(1120px/80vw));

However when we add that to our site’s CSS, it looks like it’s getting overridden by the animation’s built in width / height. Any simple way we can get around this?

Thanks

2

This technique by @stephen should help you accomplish this: Proportionally scaling a Tumult Hype document based on the browser width

1 Like