Embracing px and rem for CSS

Filed in: css, typography, ux

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.

Learn more at the source

More things I've been digesting