🎯 Властивість CSS align-self
Поточний стан:
Елементи 3 і 4 мають align-self
Властивість CSS align-self вирівнює flex-елементи по поточній flex-лінії, перевизначаючи значення властивості
align-items. Якщо у якогось flex-елемента margin у поперечній осі встановлено в
auto, то align-self ігнорується.
Детальніше про align-self
align-self: center | flex-start | flex-end | baseline | stretch
Ця властивість дозволяє перевизначити вирівнювання окремого flex-елемента, яке було задано через
align-items для всього контейнера.
💡 Примітка: Коли використовується align-self: center, елемент вирівнюється
по центру поперечної осі контейнера. При align-self: flex-end - елемент вирівнюється
до кінця поперечної осі.