Hi @Alex
Instead of using separate @media queries for different devices, can we not use
Example: body{font-size:clamp(19px, 2.8vw, 22px);} does great.
Refer: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
Every modern theme is now using this and the coverage is great as well.
Instead of using separate @media queries for different devices, can we not use
clamp()
(at least) for typography?Example: body{font-size:clamp(19px, 2.8vw, 22px);} does great.
Refer: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
Every modern theme is now using this and the coverage is great as well.