I am trying to create a section where everything scales based on the viewport size. Seems simple enough by basing everything on vw.
We have proved the concept (see Bold, Stretchy Text in the upper section here) but when we used the same technique (although styling directly in the Style box of the element) it works as we expect in the builder, but does not work in the wild on any device we test with.
This “works in the builder but not in the wild” problem is very common for us and presents a frustrating development workflow. It would be nice to figure out what we are doing wrong to avoid this.
Our long term goal is to use classes to provide behaviors like text scaling relative to viewport width which as proven easy in theory but difficult in practice (see earlier post on best practices) but in this case, how can we make the upper “Smart Design…” title in the second section work at 2.7vw?
Thanks!
