Justify Items

Controls the alignment of grid elements relative to their inline axis.

Class	Properties
ji-c	justify-items: center;
ji-e	justify-items: end;
ji-s	justify-items: start;
ji-st	justify-items: stretch;

---

Using breakpoints

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

<div class="ji-e md:ji-s ..."></div>

Using variants

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

<div class="ji-e h:ji-s ..."></div>