CSS Units

px (Pixels): မျက်နှာပြင်ပေါ်က အစက်အရေအတွက်။ အတိအကျ လိုချင်တဲ့ နေရာတွေ (ဥပမာ - Border အထူ) မှာ သုံးပါတယ်။

rem (Root EM): html tag ရဲ့ Font size (ပုံမှန်အားဖြင့် 16px) နဲ့ မြှောက်ပါတယ်။
- 1rem = 16px
- 2rem = 32px
- အားသာချက်: User က Browser setting မှာ စာလုံးကြီးထားရင် လိုက်ကြီးပေးလို့ Accessibility ကောင်းပါတယ်။ Font size, Padding, Margin တွေမှာ rem သုံးတာ အကောင်းဆုံးပါ။
em: သူ့မိဘ (Parent) ရဲ့ Font size နဲ့ မြှောက်ပါတယ်။ နည်းနည်း ရှုပ်ထွေးနိုင်လို့ rem ကို ပိုအားပေးပါတယ်။
% (Percent): မိဘ (Parent) ရဲ့ အကျယ်အဝန်းပေါ် မူတည်ပါတယ်။
- width: 50% ဆိုရင် မိဘအကျယ်ရဲ့ တစ်ဝက် ဖြစ်သွားမယ်။

vw (Viewport Width): မျက်နှာပြင် အကျယ်ရဲ့ ၁%။
- 100vw = မျက်နှာပြင် အကျယ် အပြည့်။
vh (Viewport Height): မျက်နှာပြင် အမြင့်ရဲ့ ၁%။
- 100vh = မျက်နှာပြင် အမြင့် အပြည့် (Hero Section တွေမှာ သုံးပါတယ်)။