Perfect video Alessia Sannazzaro, but I missed the text of the variable in the description and for those who want the text quoted in the video to copy and paste, here goes: clamp(var(--font-min--h1), calc(1rem + 9vw), var(--font-max--h1)) And I even corrected what I believe was a typo, with some “--” missing.

Wow, it's unbelievable how much I learned in such a quick amount of time. Thank you Allesia! Keep it up.

Great tip! Thanks.

nice tricks thanks you

@ale_sannazzaro

3 ай бұрын

You're welcome! ☺️

Thanks ;>

Hi, thanks for the video, good tip. For the example in the video, is the font size set in Body (All Pages) to 1rem, 1 vw, 16px? This is because from what I've experienced, the value of the Body font size affects the clamp values. Thanks.

@ale_sannazzaro

Ай бұрын

Hi! No that would be if using the unit 'em', which is relative to the parent. The unit vw is relative to the browser width, so 1vw = 10% of the viewport width.

If I may ask, which editor are you using? Thank you

@ale_sannazzaro

3 ай бұрын

I record my screen with Screen Studio and edit the video with Veed.io

Hey Alessia, many thanks for the great input. one question: how do you determine the exact size of a headline as specified in the figma design, for example?

@ale_sannazzaro

Ай бұрын

Aron and Corey explain it quite well in this video kzread.infoyBOsSonEi80?si=s95hbAgBS-GrLY9f&t=1746