place-self

Utilities for controlling how an individual item is justified and aligned at the same time.

"Utilities for controlling how an individual item is justified and aligned at the same time.";

Examples

Auto

Use place-self-auto to align an item based on the value of the container's place-items property:

Start

Use place-self-start to align an item to the start on both axes:

Center

Use place-self-center to align an item at the center on both axes:

End

Use place-self-end to align an item to the end on both axes:

Stretch

Use place-self-stretch to stretch an item on both axes:

Responsive design