Summary

In CARE, font sizes are mostly relative and hence respect browsers preferred font sizes. However, in some places, font sizes are absolute and hence do not respect the preferred font size set by the user's browser.

One such example is the "beta" label for the Daily Rounds which is hard-coded at 10px.

• At "Very Large" browser font size:

• At "Medium" (default) browser font size:

This same issue is present in a couple of other places as well.

Action Items

• Replace the font size to be relative (use rem values) instead of absolute pixels, to respect the browser's font size preference.

Ref: https://tailwindcss.com/docs/font-size

Notes

To find all such occurrences, use regex search in your IDE, and search for: text-\[.*px\]