Responsible text CSS (PRO)

[jo3]

How to write CSS if,

For PC font-size goes 1.2em(??? PX), for Mobile, become 14px.

I am trying to use calc(xxxx) or responsible text function with no success.

Thanks

[christian]

Hey @jo3,

Are you applying responsive text per element or globally? For global, Pro already has a responsive text feature in Typography so you don’t need CSS. For individual elements, you can use the Responsive Text feature. See the Responsive Text section in our Cornerstone Settings documentation for more details.

If you wish to continue using custom CSS. Here are a few guides. Just note that it is the user’s responsibility to understand how it works and consult with third party developers for issues and enhancements.

https://hackernoon.com/4-techniques-for-responsive-font-sizing-with-scss-f663791c62f0
https://codeitdown.com/responsive-font-size-css/

Thanks.