JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="rem-title">Titolo con unità specificate in rem</h1>
<h1 class="pixel-title">Titolo con unità specificate in rem</h1>

<p>Cambiando il valore di base nel css, tutti i valori specificati in rem cambiano proporzionalmente.</p>

CSS

html{
    font-size: 16px;
    font-family: Arial;
}

h1{
    background-color: #f0f0f0;
}
.rem-title{
    font-size: 2rem;
    padding: 1rem;
}

.pixel-title{
    font-size: 32px;
    padding: 16px;
}