Zooming in/out with clamp() not yet possible?

I want the best option for accessibility in classrooms for kids… so zooming in’out with ctrl+ or ctrl- should be better with clamp()… but not yet possible in Webflow?
thx to help me how to do it the best way… check this video with more information: min(), max(), and clamp() are CSS magic! - YouTube

I want the best option for accessibility in classrooms for kids… so zooming in’out with ctrl+ or ctrl- should be better with clamp()… but not yet possible in Webflow?

Correct, currently this isn’t available natively within Webflow however you can always your own code manually either project-wide or per-page within the Project or Page Settings respectively.

To use the example provided in Kevin’s video, you could use the code below to limit font-size with clamp:

<style>
.YOUR-CLASS {
  font-size: clamp(2rem, 5vw, 5rem);
}
</style>

Hopefully that helps!

1 Like

thanks a lot, the future is now…