JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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