CSS Align-items Property
The align-items property defines how grid items are aligned in the opposite direction, along the column axis.
Or in other words -
We align items horizontally using the property.
Like justify-items, this property is set on the container.
Values of the property are given below -
It has a total of four values-
Items are stretched along the row axis to fill the entire width of the cell. This is the default
Items are aligned with the starting edge of the cell along the row axis
Items are aligned with the ending edge of the cell along the row axis
Items are centered along the row axis in their cells.
Now we will see Examples -
Lining the dollar symbol to middle -
Without the property -