direction: LTR | align-content: 'center'

direction: LTR | align-content: 'right'

direction: RTL | align-content: 'right'

direction: RTL | align-content: 'start'

direction: LTR | justify-content: 'center'

direction: LTR | justify-content: 'end'

direction: RTL | justify-content: 'end'

direction: RTL | justify-content: 'start'

direction: RTL | justify-content: 'stretch'

direction: LTR | justify-content: 'space-evenly'

direction: LTR | justify-content: 'space-between'

direction: LTR | justify-content: 'space-around'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: RTL | align-items: 'right' | justify-items: 'right'

border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'

Negative free space. justify-content: start

Negative free space. justify-content: center

Negative free space. justify-content: end

Negative free space. align-content: start

Negative free space. align-content: center

Negative free space. align-content: end