في هذا الدرس نتعمّق في نظام Flexbox، أحد أقوى أدوات التخطيط في CSS الحديثة. ستتعلّم كيف تحوّل أي حاوية إلى صندوق مرن عبر display:flex، وكيف تتحكّم باتجاه المحور وتوزيع المساحات بين العناصر.

ماذا ستتعلّم؟

• الفرق بين المحور الرئيسي والمحور المتقاطع.
• توسيط العناصر أفقياً وعمودياً باستخدام justify-content وalign-items.
• توزيع المساحات الفارغة عبر gap وflex-grow.
• بناء شريط تنقّل متجاوب من الصفر.

مدة الدرس 14 دقيقة، ويتبعه تمرين عملي في الدرس القادم. احرص على فتح المحرّر بجانبك والتطبيق خطوة بخطوة.