شرح صفوف ومحتوى الفقرة
ضع كل تسمية <label> أعلى الحقل المرتبط بها مباشرة عبر display: block; margin-bottom: 6px; font-weight: 700; بدلاً من حشر التسميات بجانب الحقول في الشاشات الضيقة؛ إذ تسرّع التسميات العلوية مسح العين للنموذج وتستوعب النصوص العربية والإنجليزية الطويلة دون انكسار مزعج.
رتب مجموعات الحقول داخل شبكة CSS Grid تبدأ بعمود واحد grid-template-columns: 1fr; gap: 16px; على الهاتف، ثم تتحول داخل @media (min-width: 640px) إلى عمودين متوازنين repeat(2, 1fr) للحقول المتجاورة كالاسم الأول والأخير، مع منح مساحة الرسالة وزر الإرسال الامتداد الكامل عبر grid-column: 1 / -1.