Many developers seem to believe there's no difference between px and other CSS units. Let's dispel that myth, for the sake of better accessibility.

MystPi

Gleam

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

CSS Tricks: Why you should never use px to set font-size in CSS is an important, and poorly understood topic. If you pick the wrong unit, you risk overriding your users’ preferences, making it stands for “root em,” and the root of a webpage is the tag.

Why you should never use px to set font-size in CSS

What units are we talking about, and what do they do?

each unit has its own use-case. Similar to programming, sometimes we still need static variables.

Nah, we should stop using em and rem as sizing and learns how to make responsive sites/apps, not just liquid.

PX when client cares about his device more, and REM/EM when they actually care about others.

not sure we should never use that but its good if we can use alternative way for responsive approach

Thank you for sharing this article! I completely agree that using px to set font-size in CSS can be problematic because it doesn’t allow for responsive design. Instead, using relative units like em or rem can be a better option because they are relative to the font-size of the parent element, which makes it easier to create responsive designs that work on a variety of devices