Place Content is a shorthand utility that sets both align-content and justify-content at the same time. It's useful for centering grid content both horizontally and vertically.

Available utilities:

• place-content-center – Center on both axes
• place-content-start – Start on both axes
• place-content-end – End on both axes
• place-content-between – Space between on both axes
• place-content-around – Space around on both axes
• place-content-evenly – Space evenly on both axes
• place-content-stretch – Stretch on both axes
• place-content-baseline – Baseline on both axes

Place Items is a shorthand that sets both align-items and justify-items simultaneously. This maps to the CSS place-items property.

Available utilities:

• place-items-start – Items at start on both axes
• place-items-end – Items at end on both axes
• place-items-center – Items centered on both axes
• place-items-stretch – Items stretch on both axes (default)
• place-items-baseline – Items at baseline

Place Self is a shorthand that sets both align-self and justify-self for an individual item. This maps to the CSS place-self property.

Available utilities:

• place-self-auto – Inherits from parent
• place-self-start – Align to start on both axes
• place-self-end – Align to end on both axes
• place-self-center – Center on both axes
• place-self-stretch – Stretch on both axes