JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<div id="frame"></div>
<div id="screen"><p>
thinking of a nuber between 10 and 0
</p></div>
<button id="replaceButton">
replace it!
</button>
<input text id="adj1">

CSS

body {
    font-family: "Comic Sans MS";
    background-color: blue;
}
p {
   font-size: 1em;
   color: green;
}
#frame {
     position: absolute;
     left: 10%;
     top: 25%;
     width: 60%;
     height: 40%;
     background-color: gray;
}
#screen {
     position: absolute;
     left: 25%;
     top: 35%;
     width: 30%;
     height: 20%;
     background-color: black;
}