Am I doing something wrong? I am using the flex box, but it’s not helping with the font size, just placement. Does anyone have tips.
What's your idea behind using % in font-size?
I was hoping it would stay the same everywhere. Basically I want the font to fill up the red rectangle on every device. But it’s not doing that @AntonioBalderas
Maybe this plugin can help you http://fittextjs.com/ also you can learn a little bit about using VH and VW for a responsive typography!
How would I use this within webflow? This plugin I mean, and do you have a some info about using VH and VW?
Hi @Aimanisms here's a little information regarding
vh units for font sizes in Webflow: https://webflow.com/blog/how-and-why-to-use-vh-and-vw-in-webflow
Em would be better for responsive typography i guess ?
You can directly type em when you set your font size
If you want to understand how responsive typography works, Neal O’Grady wrote a nice article about that (take a look at "Get your units rights")
This is a great article and you can find a hosted version here then ad the link in the head of you page and read the docs to learn how to use it.
@AntonioBalderas thanks for the smashing magazine article, it’s very extensive and asks for calculus. But there is no easy answer for this basically. Because again. I am using flexbox, so sizing is finally right of the boxes. Now I have issues with the font size adjusting to different devices.
I don’t understand most of these things. Cause I am reading it, and trying it out..but it doesn’t solve my problem.
It seems like you have solved it pretty good? The text is adjusting and never goes out of the box and not getting to small. Whats the problem you think?
more the difference between vh and vw, when do u use vh?