JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Title</h1>
<h2>Title2</h2>
<div id="container"></div>

CSS

@media screen and (max-width:992px){
h1, h2 {
    font-size: 5vmin;
}

#container {
    width: 50vw;
    height: 50vw;
    border: 2vw solid rgba(98,180,231,.8);
 }
}


@media screen and (max-width: 576px){
h1,h2{
    font-size: 3.8vmin;
}

#container {
    width: 55vw;
    height: 55vw;
    border: 2vw solid rgba(98,180,231,.8);
 }

}