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.