inherit value

Syntax:

align-items: normal|start|end|self-start|self-end |baseline, first baseline, last baseline|stretch |center|flex-start|flex-end|baseline|safe|unsafe |initial|inherit;...

Default Value

stretch...

stretch value

The stretch value makes flex items fill the container’s cross-axis, adjusting their height or width to match the container....

center value

The align-items: center value vertically centers flex items along the container’s cross-axis, aligning them in the middle....

flex-start value

The align-items: flex-start value aligns flex items to the start of the container’s cross-axis, positioning them at the top....

flex-end value

The align-items: flex-end value aligns flex items to the end of the container’s cross-axis, positioning them at the bottom....

baseline value

The align-items: baseline value aligns flex items along the container’s cross-axis based on their baseline, ensuring text alignment consistency....

initial value

The align-items: initial value sets the property to its default value, which is `stretch`, aligning items to fill the container....

inherit value

Inherit the property from the parent element....