Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить align-items?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`align-items`** вирівнює flex-елементи вздовж поперечної осі (перпендикулярно до `flex-direction`) усередині одного рядка flex-контейнера, за допомогою значень `stretch`, `flex-start`, `flex-end`, `center` і `baseline`. **Ключове:** при `flex-direction: row` поперечна вісь вертикальна, і `align-items` керує вирівнюванням по вертикалі; при `column` - навпаки, по горизонталі.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`align-items` вирівнює flex-елементи **вздовж поперечної осі** (перпендикулярно до `flex-direction`) усередині одного рядка flex-контейнера. Основні значення: ```javascript align-items: stretch; /* типово: розтягнути елементи по висоті рядка */ align-items: flex-start; /* притиснути до початку поперечної осі */ align-items: flex-end; /* притиснути до кінця поперечної осі */ align-items: center; /* вирівняти по центру поперечної осі */ align-items: baseline; /* вирівняти по лінії тексту (baseline) */ ``` Якщо `flex-direction: row`, поперечна вісь - вертикальна → `align-items` керує вирівнюванням по вертикалі. Якщо `flex-direction: column`, поперечна вісь - горизонтальна → `align-items` керує вирівнюванням по горизонталі.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.