# Align self

Lets one item align differently from the others.

## What does `align-self` do?

`align-self` lets one item line up differently from the rest on the cross axis.

```css
.card .buy-button { align-self: flex-end; }
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/align-self