Suggest an editImprove this articleRefine the answer for “What does align-items do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`align-items`** aligns flex items along the cross axis (perpendicular to `flex-direction`) within a single line of the flex container, using values like `stretch`, `flex-start`, `flex-end`, `center`, and `baseline`. **Key point:** with `flex-direction: row`, the cross axis is vertical and `align-items` controls vertical alignment; with `column`, it is the opposite, horizontal.Shown above the full answer for quick recall.Answer (EN)Image`align-items` aligns flex items **along the cross axis** (perpendicular to `flex-direction`) within a single line of the flex container. Main values: ```javascript align-items: stretch; /* default: stretch items to the height of the line */ align-items: flex-start; /* push to the start of the cross axis */ align-items: flex-end; /* push to the end of the cross axis */ align-items: center; /* align to the center of the cross axis */ align-items: baseline; /* align to the text baseline */ ``` If `flex-direction: row`, the cross axis is vertical → `align-items` controls vertical alignment. If `flex-direction: column`, the cross axis is horizontal → `align-items` controls horizontal alignment.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.