# Justify Self

Set individual item alignment along a container's inline axis.

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

Chrome 57 · Edge 16 · Firefox 52 · Safari 10.1

| Class | Properties | Value |
|-------|------------|-------|
| `js:auto` | justify-self | `auto` |
| `js:c` | justify-self | `center` |
| `js:e` | justify-self | `end` |
| `js:s` | justify-self | `start` |
| `js:st` | justify-self | `stretch` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `js:auto` | justify-self | `auto` |
| `js:c` | justify-self | `center` |
| `js:e` | justify-self | `end` |
| `js:s` | justify-self | `start` |
| `js:st` | justify-self | `stretch` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `js:auto` | justify-self | `auto` |
| `js:c` | justify-self | `center` |
| `js:e` | justify-self | `end` |
| `js:s` | justify-self | `start` |
| `js:st` | justify-self | `stretch` |