Justify Self

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

Class	Property
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 responsive modifiers

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

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

Using hover modifiers

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

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