Flexbox & Grid
Order
Utilities for controlling the order of flex and grid items.
Basic usage
Ordering flex and grid items
Use order-{order} to render flex and grid items in a different order than they appear in the DOM.
01
02
03
<div className="flex justify-between ...">
<div className="**order-last**">01</div>
<div>02</div>
<div>03</div>
</div>
Using negative values
To use a negative order value, prefix the className name with a dash to convert it to a negative value.
<div className="**-order-1**">
<!-- ... -->
</div>