align-self

align-self permet que un element flex s’alinee de manera diferent respecte als altres, sobreescrivint align-items del contenidor.
align-self: flex-start
self:
start
normal
normal
Encara que el contenidor té align-items: center, el primer element puja a dalt.
align-self: flex-end
normal
self:
end
normal
El segon element baixa completament a la part inferior.
align-self: center
normal
self:
center
normal
Encara que els altres estan amunt, aquest element queda centrat verticalment.
align-self: baseline
ABC
BASE
xyz
Es força la posició de l'element perquè coincidisca la seua línia base amb la dels altres.
align-self: stretch (per defecte)
normal
self:
stretch
normal
Si no té altura definida, l’element s’estira per omplir tot l’espai disponible.
En resum:

• align-self permet canviar l’alineació d’un únic element.
• Prioritza sobre align-items (del contenidor).
• Valors útils: flex-start, flex-end, center, baseline, stretch.
• És ideal per destacar un element en una alineació distinta als altres.