I'm curious about the best practices for implementing responsive font sizes. Should I always opt for methods that automatically adjust sizes, so I don't have to write media queries each time? Or are there situations where using static values might actually be better?
2 Answers
Definitely give `clamp()` a try! It makes scaling font sizes a breeze. And check out this cool calculator for it: https://utopia.fyi/clamp/calculator/. Just a tip: if you're looking for more of a container-based approach, it could enhance responsiveness, but starting with viewport sizes is often the way to go!
It’s all about the context! When you mention 'methods,' are you referring to techniques like `clamp()` or responsive units? A lot of folks recommend designing for the smallest screen first and then adding media queries for larger breakpoints as needed. That's the standard approach!
I set my html { font-size: 10px; }, can I adjust that calculator somehow to fit my setup?