| Class | Output |
|---|---|
flex |
display: flex |
inline-flex |
display: inline-flex |
| Class | Output |
|---|---|
flex-row |
flex-direction: row |
flex-row-reverse |
flex-direction: row-reverse |
flex-column |
flex-direction: column |
flex-column-reverse |
flex-direction: column-reverse |
| Class | Output |
|---|---|
flex-wrap |
flex-wrap: wrap |
flex-nowrap |
flex-wrap: nowrap |
| Class | Output |
|---|---|
flex-grow |
flex-grow: 1 |
flex-grow-0 |
flex-grow: 0 |
flex-grow-1 |
flex-grow: 1 |
flex-grow-2 |
flex-grow: 2 |
flex-grow-3 |
flex-grow: 3 |
| Class | Output |
|---|---|
flex-shrink |
flex-shrink: 1 |
flex-shrink-0 |
flex-shrink: 0 |
flex-shrink-1 |
flex-shrink: 1 |
flex-shrink-2 |
flex-shrink: 2 |
flex-shrink-3 |
flex-shrink: 3 |