Definition
align-items is used to set the alignment of direct children elements as a group. It can be applied to both flexbox and grid layouts.
In flexbox layouts, it determines the alignment of items on the cross axis.
In grid layouts, this property controls the alignment of items on the block axis within their designated grid area.