JSFiddle - React, Tailwind, and code Playground

by Kamlesh Kushwaha

HTML

<div id="container">
    <div id="my-text-area">

        <textarea></textarea>
    </div>

</div>

CSS

body,
html,
#container {
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
}

#container {
    position: relative;
}

#my-text-area {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

textarea {
    height: 100%;
    width: 100%;
}