in CSS
I have a specific font size (e.g., 50px) for headings on an extra-large (x large) screen. I want to know the correct rule to follow to decrease the font size appropriately for other screen sizes. The screen sizes I am working with are:
Mobile: max-width 540px
Tablet: max-width 720px
Medium: max-width 960px
Large: max-width 1140px
Extra-large: max-width 1320px
What is the best percentage or method to gradually reduce the font size to fit these different screens? Is there a specific rule that can be followed to achieve this?
font responsive roles
New contributor
user23346076 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.