align-items property is used to align children elements inside a flex or grid container element.
align-items sets the
align-self value on all direct children as a group.
In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
We make the container a Flexbox by setting
display: flex. Next, we set the
align-items property to the
center value, which aligns each
div item in the center.
Try experimenting with different values like
View all Courses