Flex Summary

Flex summary

• direction
• justify content
• align items
• align self

Flex

Main Axis & Cross Axis

Flex Direction

Justify Content

For Main Axis

Align Items

For Cross Axis

Align Self

For item’s align in Cross axis.

References

• 图解 Flexbox
• an-animated-guide-to-flexbox