Responsive Text - CSS

The easiest way to make responsive text via CSS.

Responsive Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

CSS

h2 {
    font-size: calc(2em * var(--text-multiplier, 1));
}
p {
    font-size: calc(1em * var(--text-multiplier, 1));
}

@media (min-width: 720px) {
    :root {
        --text-multiplier: 1.4;
    }
}