JSFiddle - React, Tailwind, and code Playground

HTML

<p class="p1">larger</p>
<p class="p2">smaller</p>

CSS

body {
    font-size: small;
}
.p1 {
    font-size: larger;
}
.p2 {
    font-size: smaller;
}