JSFiddle - React, Tailwind, and code Playground

HTML

<p>De resize na minha janela e me veja mudar de <span>tamanho</span>!</p>

CSS

/* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
    body {
        font-size:15px;
    }
}
/* Landscape phone to portrait tablet */
 @media (max-width: 767px) {
    body {
        font-size:25px;
    }
}
/* Landscape phones and down */
 @media (max-width: 480px) {
    body {
        font-size:50px;
    }
}
p {
    font-size:1em;
}
span {
    font-size:2em;
}