I found this the most effective way to make type responsive in modern browsers. This useful article explains all. :root{ font-size: calc(16px + 3vw); } Source: Precise control over responsive typography · MadebyMike

A media query consists of a media type and zero or more expressions that limit the style sheets’ scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself. Source: […]