Justify Self

Controls the alignment of a single grid element relative to its inline axis.

Class	Properties
js-auto	justify-self: auto;
js-c	justify-self: center;
js-e	justify-self: end;
js-s	justify-self: start;
js-st	justify-self: stretch;

---

Using breakpoints

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

<div class="js-l md:js-r ..."></div>

Using variants

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

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