# Flex Shrink

Set how flex items shrink to fit the container.

**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 |
|-------|------------|-------|
| `fs:0` | flex-shrink | `0` |
| `fs:1` | flex-shrink | `1` |
| `fs:2` | flex-shrink | `2` |
| `fs:3` | flex-shrink | `3` |
| `fs:4` | flex-shrink | `4` |
| `fs:5` | flex-shrink | `5` |
| `fs:6` | flex-shrink | `6` |
| `fs:7` | flex-shrink | `7` |
| `fs:8` | flex-shrink | `8` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `fs:0` | flex-shrink | `0` |
| `fs:1` | flex-shrink | `1` |
| `fs:2` | flex-shrink | `2` |
| `fs:3` | flex-shrink | `3` |
| `fs:4` | flex-shrink | `4` |
| `fs:5` | flex-shrink | `5` |
| `fs:6` | flex-shrink | `6` |
| `fs:7` | flex-shrink | `7` |
| `fs:8` | flex-shrink | `8` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `fs:0` | flex-shrink | `0` |
| `fs:1` | flex-shrink | `1` |
| `fs:2` | flex-shrink | `2` |
| `fs:3` | flex-shrink | `3` |
| `fs:4` | flex-shrink | `4` |
| `fs:5` | flex-shrink | `5` |
| `fs:6` | flex-shrink | `6` |
| `fs:7` | flex-shrink | `7` |
| `fs:8` | flex-shrink | `8` |