The alignment of items within a flex container can be modified using the following CSS properties:
- justify-content aligns the flex items in the container along the main-axis
- Justify-content: start
- Justify-content: end
- justify-content: center
- justify-content: space-around
- Justify-content: space-between
- align-items aligns the flex items in the container along the cross-axis
- align-items: start
- align-items: end
- align-items: center
- align-items: stretch
- align-content aligns the flex lines
- align-items: start
- align-items: end
- align-items: center
- align-content: space-around
- align-content: space-between
- align-items: stretch
