# Align Content

Set row alignment in multi-row Flex & Grid containers.

**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 |
|-------|------------|-------|
| `ac:b` | align-content | `baseline` |
| `ac:c` | align-content | `center` |
| `ac:fe` | align-content | `flex-end` |
| `ac:fs` | align-content | `flex-start` |
| `ac:n` | align-content | `normal` |
| `ac:s` | align-content | `stretch` |
| `ac:sa` | align-content | `space-around` |
| `ac:sb` | align-content | `space-between` |
| `ac:se` | align-content | `space-evenly` |

## Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `ac:b` | align-content | `baseline` |
| `ac:c` | align-content | `center` |
| `ac:fe` | align-content | `flex-end` |
| `ac:fs` | align-content | `flex-start` |
| `ac:n` | align-content | `normal` |
| `ac:s` | align-content | `stretch` |
| `ac:sa` | align-content | `space-around` |
| `ac:sb` | align-content | `space-between` |
| `ac:se` | align-content | `space-evenly` |

## Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `ac:b` | align-content | `baseline` |
| `ac:c` | align-content | `center` |
| `ac:fe` | align-content | `flex-end` |
| `ac:fs` | align-content | `flex-start` |
| `ac:n` | align-content | `normal` |
| `ac:s` | align-content | `stretch` |
| `ac:sa` | align-content | `space-around` |
| `ac:sb` | align-content | `space-between` |
| `ac:se` | align-content | `space-evenly` |