justify-items

The CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.

The effect of this property is dependent of the layout mode we are in:

In block-level layouts, it aligns the items inside their containing block on the inline axis. For absolutely-positioned elements, it aligns the items inside their containing block on the inline axis, accounting for the offset values of top, left, bottom, and right. In table cell layouts, this property is ignored (see Box alignment for block, absolutely positioned, and table layouts) In flexbox layouts, this property is ignored (see Box alignment in flexbox) In grid layouts, it aligns the items inside their grid areas on the inline axis (see Box alignment in grid layout)

Syntax example: justify-items: normal;