JSFiddle - React, Tailwind, and code Playground

by Nick Iaconis

HTML

<div class='vw'>this is sample text (8vw)</div>
<div>this is sample text (default)</div>
<div class='percent'>this is sample text (120%)</div>
<div class='em'>this is sample text (1.2em)</div>

CSS

.percent {
    font-size: 120%;
}

.em {
    font-size: 1.2em;
}

.vw {
    font-size: 8vw;
    color: red;
}

JavaScript

causeRepaintsOn = $("h1, h2, h3, p, div");

$(window).resize(function() {
	causeRepaintsOn.css("z-index", 1);
});