Using calc() CSS function to auto-increase font size

Making your text legible on all screen sizes matters for accessibility on the web. That is when the calc() function in CSS comes in handy, as you don't need to have a fixed font size for your text, nor do you have to rely extensively on CSS media queries to cater for different viewport sizes. In this video, I share with you a valuable CSS trick that will solve your problem: Simply use rem units along with vw units to use your users' viewport width as a factor to determine your font size automatically. Changes in the font size are computed dynamically as the screen gets resized, when you use the calc() function.