وحدات القياس الخاصة (fr, repeat(), minmax(), auto-fill, auto-fit)

أدوات Grid الذكية لبناء تخطيطات متجاوبة بدون media queries:

**repeat(count, size):** `repeat(4, 1fr)` — أربعة أعمدة متساوية `repeat(3, 200px 1fr)` — تكرار نمط (6 أعمدة)

**minmax(min, max):** يُعرّف عموداً لا يصغر عن min ولا يكبر عن max. `minmax(200px, 1fr)` — يبدأ من 200px ويكبر إذا توفرت مساحة.

**auto-fill:** يملأ الصف بأكبر عدد ممكن من الأعمدة بحجم محدد. يترك مسافات فارغة إن لم تكفِ العناصر.

**auto-fit:** مثل auto-fill لكن يُوسّع الأعمدة الموجودة لملء المساحة كاملاً.

**التركيبة السحرية للتجاوب:** `grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));` شبكة تتكيف تلقائياً مع عرض الشاشة دون media queries.