اتجاه المحاور وتغليف العناصر (flex-direction, flex-wrap, flex-flow)

**flex-direction:** يحدد اتجاه المحور الرئيسي: - `row` — أفقي من يسار لجمين (الافتراضي) - `row-reverse` — أفقي من يمين لشمال - `column` — عمودي من أعلى لأسفل - `column-reverse` — عمودي من أسفل لأعلى

**flex-wrap:** هل تنتقل العناصر الزائدة لسطر جديد؟ - `nowrap` — سطر واحد حتى لو فاض (الافتراضي) - `wrap` — تنتقل لسطر جديد - `wrap-reverse` — تنتقل للسطر بالترتيب المعاكس

**flex-flow:** اختصار لـ flex-direction + flex-wrap: `flex-flow: row wrap;`

**استخدامات flex-direction: column:** - شريط جانبي عمودي - بطاقة من أعلى لأسفل - تخطيط Sidebar layout