Learn em, rem, vw + a question!

Community resources General
1

This is an awesome video that explains em,rem and vw. almost all stuff we can do in Webflow.

Except THIS

Any have a good solution for doing calc in the designer?
fontsize: calc (0.5em+1vw);

2

The missing piece for your video is also to use relative line-height units:

p {
    line-height: 1.5;
}

calc()

No way (Only by custom style (before body/head -or- embed html).

Example:

<style>
     p{
          font-size: calc (0.5em+1vw);
     }
</style>

Related:

Wishlist: Support for CSS calc():

https://wishlist.webflow.com/ideas/WEBFLOW-I-133

I never try this on webflow - but her you find an idea to set the calc() for the body:

1 Like
3

Thank you @Siton_Systems for your In depth answer! Really appreciate it!

And yes. I use unitless because of that video :smiley: Glad you added it!

1 Like