JSFiddle - React, Tailwind, and code Playground

HTML

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>
<div class="isResizable">Another Div</div>

CSS

.isResizable {
            background: rgba(255, 0, 0, 0.2);
            font-size: 2em;
            border: 1px solid black;
            overflow: hidden;
            resize: both;
            width: 160px;
            height: 120px;
            min-width: 120px;
            min-height: 90px;
            max-width: 400px;
            max-height: 300px;
        }