Flex Items

Flex item တွေမှာ flex-grow, flex-shrink, flex-basis, order စတာတွေသုံးနိုင်ပါတယ်။ အတိုချုံးပြောရရင် flex: 1; ဆိုတာ item တွေကို နေရာလွတ်ကိုညီညီမျှမျှယူခိုင်းတာပါ။ flex: 1 1 280px; ဆိုတာတော့ grow ရ, shrink ရ, default size 280px ဆိုတဲ့ practical shorthand ဖြစ်ပါတယ်။

.pricing-card {
  flex: 1 1 280px;
}

.featured-card {
  order: -1;
  flex-grow: 1.3;
}

Pricing card တွေက responsive width ရှိလာပြီး featured card ကို ပိုရှေ့မှာထားနိုင်ပါမယ်။