Justify Content

Set item alignment along a container's main axis.

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

Chrome

Edge

Firefox

Safari

jc:c

justify-content: center;

jc:fe

justify-content: flex-end;

jc:fs

justify-content: flex-start;

jc:n

justify-content: normal;

jc:s

justify-content: stretch;

jc:sa

justify-content: space-around;

jc:sb

justify-content: space-between;

jc:se

justify-content: space-evenly;

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.