🧩 جلسه چهارم – Flexbox در CSS

🎯 موضوع: تنظیم عرض عناصر و نحوه ترتیب چینش آن‌ها

در این جلسه با سه پراپرتی مهم از Flexbox آشنا می‌شویم:

🔹 پراپرتی order

• برای تعیین ترتیب نمایش آیتم‌ها در Flex Container استفاده می‌شود.
• مقدار پیش‌فرض: 0
• هر چه عدد کمتر باشد، عنصر زودتر نمایش داده می‌شود.

🔹 پراپرتی flex-grow

• مشخص می‌کند هر آیتم در صورت وجود فضای خالی چه مقدار از آن را بگیرد.
• مقدار پیش‌فرض: 0
• عدد بزرگ‌تر = سهم بیشتر از فضای خالی.

🔹 پراپرتی flex-shrink

• مشخص می‌کند هر آیتم در صورت کمبود فضا تا چه اندازه کوچک شود.
• مقدار پیش‌فرض: 1
• عدد بزرگ‌تر = کوچک شدن بیشتر هنگام کمبود فضا.