JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <div class="inner">
     <p>
     text
     </p>
            <textarea rows="4" cols="40"></textarea>
            <br />          
   </div>
 </div>

CSS

.outer{
  background-color:red;
  min-height: 150px;
  width:1000px;
}

.inner{
    background-color:#ccc;
}
textarea {
    resize: vertical;
}