// ALIGN ITEMS
.align-center { align-items: center }
.align-end { align-items: flex-end }
.align-start { align-items: flex-start }

// ALIGN SELF
.self-center { align-self: center }
.self-end { align-self: flex-end }
.self-start { align-self: flex-start }

// JUSTIFY CONTENT
.justify-start { justify-content: flex-start }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }

// FLEX WRAP
.flex-wrap { flex-wrap: wrap }

// FLEX DIRECTION
.flex-col { flex-direction: column }