How To Create Responsive Text With Materialize

How do I get the heading size (tag <h1> or <h2>) on the title of the article becomes fit within the column article? Can I get that? Yes, I can with Materialize CSS responsive framework.

This is one of the advantages offered by Materialize compared by its competitors, which is not only gives you a responsive layout, but also a responsive text. Materialize claimed that he was different from other frameworks.

Many frameworks that are still not fully support for the truly responsive text. The common problem is text still resizes on a fixed basis, even though elements on the page resize fluidly. To fix this problem, the developers of Materialized have created a class which is able to scales text size and line-height to optimize readability for the user.

The secret is by using the flow-text class, here is the code that I tried to apply :



The picture below will show you how it works to this Blogger template after I apply the class.