Once upon a time, I had a website where it looked great on laptop, but when I switched to phone, the text was SO TINY!!!.
So I started messing ...
For further actions, you may consider blocking this person and/or reporting abuse
A reflection and some background for less senior frontend devs that I think could be useful;
Responsive as in responsive website generally means that content like images, menus, overflows and other layout elements adapts primarily to device width, since we have different desktop screen resolutions but also tablets and different size phones nowadays.
This snippet makes text size adapt in relation to the smallest of the viewport width or viewport height values, just so people who wants to understand can do so :)
Most times font size is expected to be set in relation to the design and layout and using this COULD break the design since font size now is depending on how wide/high a screen is. Using a fixed rem and scaling it using breakpoints, as your responsive layout might already do, is way more predictable and gives you less cases to assess visually when you are making changes :)
Pros and cons - gotta whey them all in 😊
Try clamp function you can set a min value and max value so the text doesn't grow if the screen gets really big and vice versa
I’ll try that thanks!
Oh!! I didn't know
vminandvmax, thanks for the article!np! glad you learnt something new!
Nice… will definitely use this
Glad it helped!
Greate
Thanks!