Padding

padding က content နဲ့ border ကြားက အတွင်းအကွာအဝေးပါ။ Button တစ်ခုကိုနှိပ်လို့ကောင်းအောင်၊ card တစ်ခုကိုဖတ်လို့ကောင်းအောင် padding သင့်တင့်ဖို့လိုပါတယ်။ Padding နည်းလွန်းရင် content ကဘောင်နဲ့ကပ်ပြီး အသက်ရှူမဝသလိုဖြစ်တတ်ပါတယ်။

.button {
  padding: 12px 20px; /* top/bottom, left/right */
  border-radius: 999px;
}

.card {
  padding: 24px;
}

Button က tap လုပ်ရလွယ်တဲ့အရွယ်ဖြစ်လာပြီး card ထဲက content တွေက ပိုအသက်ရှူချောင်လာပါမယ်။