🔹 پراپرتی flex-basis

• تعیین‌کننده‌ی اندازه‌ی اولیه‌ی آیتم قبل از اعمال flex-grow و flex-shrink است.
• مقدار آن می‌تواند برحسب px، % و... باشد.
• مقدار پیش‌فرض: auto
• اگر مقدار مشخص شود، جایگزین width برای محاسبات Flexbox می‌شود.

🔹 پراپرتی flex

• یک شورت‌هند (ترکیبی) از سه پراپرتی است:
  flex-grow, flex-shrink, flex-basis
• ساختار کلی:
  flex: grow shrink basis
• مثال: flex: 2 4 200px
• باعث ساده‌تر شدن نوشتن تنظیمات هر سه ویژگی در یک خط می‌شود.

🔹 پراپرتی align-self

• برای تراز جداگانه‌ی هر آیتم در راستای محور عمودی (عمود بر جهت Flex) استفاده می‌شود.
• مقدار پیش‌فرض: auto (یعنی از align-items والد تبعیت می‌کند)
• مقادیر مهم:
  • flex-start → تراز در ابتدای محور عمودی
  • flex-end → تراز در انتهای محور عمودی
  • center → تراز در مرکز محور عمودی
  • stretch → کشیده شدن تا پر کردن ارتفاع موجود