Stop using `px` for font-size

[shivarm]

Defining font sizes in px is not accessible, because the user cannot change the font size in some browsers. For example, if you are using chrome then check your browser default font-size here- chrome://settings/appearance or open chrome go settings -> appearance then scroll down, now you see the option of Font size.

Problem is if you set font-size something larger than your browser default then it's not going to work because your browser also use same fixed unit or default font-size so it is recomended to use rem instead px

Please give a read- https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#pixels

Chrome
Safari
Firefox

[Nama21yo]

I noticed an issue where using px for font sizes can limit accessibility by preventing users from adjusting text size in their browsers. I'd like to work on resolving this by switching to rem units. Could you please assign this issue to me?

[Utkarsh-Anandani]

/assign