Justify Items

Set item alignment along a container's inline axis.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Media Queries

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

Pseudo Classes

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