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.