Flex

Display: Flex or Inline-Flex

Flex

Justify-content (x-axis)

ex. center, space-between, space-around

Flex

Align-items (y-axis)

ex. center, flex-start, flex-end

Relative & Fixed Units

相對 vs 絕對

Relative 

%, rem, em

• %是一種相對於目前容器元素寬度的單位
• em 的值是受父層影響
• rem 的值是受root層影響

Fixed

• px, cm, in
• 絕對的