Resizing Any Element With A CSS Utility

<style>
  /* using logical properties */
  [resize="inline"], .resize-inline { resize: inline; }
  /* or orientation ones */
  [resize="horizontal"], .resize-horizontally { resize: horizontal; }
</style>

<div>
  <div resize="inline" or class="resize-inline">
    Resizable 🤷
  </div>
  <div>
    Non-resizable
  </div>
</div>