Place Content

Set the content justification & alignment simultaneously.

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

Chrome

Edge

Firefox

Safari

pc:bs

place-content: baseline start;

pc:c

place-content: center;

pc:e

place-content: end;

pc:s

place-content: start;

pc:sa

place-content: space-around;

pc:sb

place-content: space-between;

pc:se

place-content: space-evenly;

pc:ss

place-content: stretch 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.