| HTML Class | Value | Description |
| d-flex | display: flex; | A flex container |
| j-center | justify-content: center; | center the x position |
| j-start | justify-content: start; | |
| j-end | justify-content: end; | |
| j-space-b | justify-content: space-between; | |
| j-space-e | justify-content: space-evenly; | |
| j-space-a | justify-content: space-around; | |
| a-center | align-items: center; | center the y position |
| a-start | align-items: start; | |
| a-end | align-items: end; | |
| wrap | flex-wrap: wrap; | |
| flex-(1-5) | flex: (1-5); |