The essentials of

Align-self: an exception for one flex or grid item

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

align-self lets an individual item differ from the shared align-items setting. It suits a card or icon needing its own alignment.

Useful to know

align-self lets an individual item differ from the shared align-items setting. It suits a card or icon needing its own alignment. [1]

Apply it to the item rather than as a common setting for all neighbours. In flex, remember the cross axis; this is not a command for arbitrary movement in every direction.

Sources

For further detail and to check the information:

[1] MDN — CSS align-self ↗