# Align Items

Set item alignment along a container's cross axis.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 29 · Edge 12 · Firefox 20 · Safari 9

| Class | Properties | Value |
|-------|------------|-------|
| `ai:b` | align-items | `baseline` |
| `ai:c` | align-items | `center` |
| `ai:fe` | align-items | `flex-end` |
| `ai:fs` | align-items | `flex-start` |
| `ai:s` | align-items | `stretch` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `ai:b` | align-items | `baseline` |
| `ai:c` | align-items | `center` |
| `ai:fe` | align-items | `flex-end` |
| `ai:fs` | align-items | `flex-start` |
| `ai:s` | align-items | `stretch` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `ai:b` | align-items | `baseline` |
| `ai:c` | align-items | `center` |
| `ai:fe` | align-items | `flex-end` |
| `ai:fs` | align-items | `flex-start` |
| `ai:s` | align-items | `stretch` |