JSFiddle - React, Tailwind, and code Playground

HTML

<h1>TEST HEADING</h1>
<div></div>

CSS

h1 {
    font-size: 2em;
    padding: 1em;
    /* Uncomment this to see that the element still takes up the same space in the document:
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5);
         -o-transform: scale(.5);
            transform: scale(.5);
    */
}
div {
    background: grey;
    height: 200px;
}