.flex

.flex--horizontal-center / .flex--vertical-center / .flex--gap-1.00

.flex--row-reverse / .flex--horizontal-end / .flex--vertical-end

.flex--col / .flex--gap-0.25

.flex--col-reverse / .flex--horizontal-center / .flex--vertical-center

.flex & different screen sizes

.flex--col-md

.flex & .flex__item

.flex--horizontal-center / .flex--vertical-center / .flex--gap-1.00

.flex__item--order-X

.flex--vertical-center / .flex--gap-1.00

.flex__item--grow-X

.flex & .flex__item & different screen sizes

.flex__item--grow-X / .flex__item--grow-X-md .flex__item--order-X / .flex__item--order-X-md