Webflow Tip: The Power of VW in Typography Sizing!
HTML-код
- Опубликовано: 26 авг 2022
- Have you ever wondered how to keep text in the same place over an image throughout all breakpoints?
I'll show you how in this short Webflow Tips and Tricks Video.
#webflow #tipsandtricks #webdesigner
Nice, thanks!
My pleasure!
wait, how do you convert pixels from figma to vw?
I know this online services, but you need fixed viewports in pixels to convert..
An idea: Usually in Figma you work at 1440px wide and then you set a container with a fixed pixel width. As well as your text is a fixed pixel width. Assuming you brought all those measurements over to Webflow, you could set the screen size in Webflow to 1440 and then change from pixels to VW. If it matches the design in Figma at 1440px wide, then you should be good to go.
Honestly, I typically just eyeball it until it looks good to me.
I only use this method on rare occasions when I need this to work exactly as I have done in the video.