Resize

Controls the way an item can be resized.

Class	Property
r-b	resize: both;
r-h	resize: horizontal;
r-none	resize: none;
r-v	resize: vertical;

---

Using responsive modifiers

Using responsive breakpoints like sm:r-*, md:r-*, lg:r-*, and xxl:r-* allows targeting specific utilities in different viewports.

<div class="r-none md:r-h ..."></div>

Using hover modifiers

Using :hover modifiers such as h:r-* allows you to override elements and change their values when hovering over them.

<div class="r-none h:r-h ..."></div>