`align-items` and `align-self` are CSS properties used in the context of flexbox and grid layouts to control the alignment of items within a container. These properties are part of the alignment properties in CSS and are particularly useful when working with flex containers.
## align-items:
1. The `align-items` property is used to align items along the cross axis of the container. In a flex container, the cross axis is perpendicular to the main axis.
2. It accepts the following values: