JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<div class="surface">
    <h1>Header</h1>
    <p>Lorem ipsum.</p>
    <p>Lorem ipsum.</p>
    <p>Lorem ipsum.</p>
</div>

CSS

.surface {
    max-width: 50vw;
    margin: 0 auto;
}

h1 {
    font-size: 4vw;
}

p {
    font-size: 2vw;    
}

JavaScript

causeRepaintsOn = $('h1, p');

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