Justify Self

Set individual item alignment along a container's inline axis.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

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;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.