Embracing px and rem for CSS
Miriam Suzanne, in her article "The Best CSS Unit Might Be a Combination", argues against the "either/or" mentality when choosing CSS units for typography. Instead of strictly adhering to px
or rem
, she advocates for a more nuanced approach, utilizing CSS comparison functions like max()
, clamp()
, and calc()
to combine different units.
It's interesting and resonates with some challenges I've had in refactoring a legacy code base where the html
element is hard fixed to 12px
and has caused a giant pain in introducing modernized components.