التحكم في الأبعاد (width, height, min, max)

التحكم في أبعاد العناصر أحد أساسيات CSS. هناك ست خصائص رئيسية:

**width / height** — يحددان العرض والارتفاع بشكل ثابت.

**min-width / min-height** — يضمنان أن العنصر لا يصغر عن حد معين.

**max-width / max-height** — يضمنان أن العنصر لا يكبر عن حد معين.

**وحدات القياس الشائعة:** - `px` — بكسل ثابت - `%` — نسبة من العنصر الأب - `em` — نسبة من حجم الخط الحالي - `rem` — نسبة من حجم خط root (html) - `vw / vh` — نسبة من عرض/ارتفاع النافذة - `auto` — يتيح للمتصفح حساب القيمة

**نصيحة التصميم المتجاوب:** استخدم `max-width` بدلاً من `width` الثابت للحاويات لأنها تتكيف مع الشاشات الصغيرة.