Display Property

display property က element တစ်ခု page ပေါ်မှာ ဘယ်လိုနေမလဲဆိုတာကိုသတ်မှတ်ပါတယ်။ block က line တစ်ကြောင်းလုံးယူတတ်တယ်။ inline က content လိုသလောက်ပဲယူတယ်။ inline-block က inline လိုဘေးတိုက်နေပြီး width/height သတ်မှတ်လို့ရတယ်။ flex နဲ့ grid က modern layout တွေရဲ့ main weapon တွေပါ။

.nav-link {
  display: inline-block;
  padding: 10px 14px;
}

.card-list {
  display: flex;
  gap: 16px;
}

Navigation link တွေက padding သတ်မှတ်လို့ရလာမယ်။ Card list က flex layout ဖြစ်ပြီး card တွေကြား gap ရှိလာပါမယ်။