JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Size and unit % wildcard</h1>

<div id="hello">Hello</div>
<div id="world">world</div>
<div id="shout">!</div>

CSS

#hello {
    border: solid black 2px;
    min-height: 30vh;
}
#shout {
    border: solid brown 2px;
}
#world {
    border: solid blue 4px;
    height: 70vh;
}