Utilities for controlling how an individual grid item is aligned along its inline axis.
Use the justify-self-auto utility to align an item based on the value of the grid's justify-items property:
Use the justify-self-start utility to align a grid item to the start of its inline axis:
Use the justify-self-center or justify-self-center-safe utilities to align a grid item along the center of its inline axis:
When there is not enough space available, the justify-self-center-safe utility will align the item to the start of the container instead of the end.
Use the justify-self-end or justify-self-end-safe utilities to align a grid item to the end of its inline axis:
When there is not enough space available, the justify-self-end-safe utility will align the item to the start of the container instead of the end.
Use the justify-self-stretch utility to stretch a grid item to fill the grid area on its inline axis: