ملاحظة عامة، عند استخدام media query تأكد من ترتيب أبعاد الصفحة بشكل صحيح، لأنه كما تعلم آخر تنسيق ل CSS سوف يتم تطبيقه، فإذا كان لديك تنسيقين تريد تطبيقهما على البعدين (500 وأقل) و (600 و أقل) نضع 600 قبل 500 لأنها تشملها هكذا 550 سيطبق مع 600 أما 450 مع 500 ..  @media only screen and (max-width: 600px){ body{ background:green;} } @media only screen and (max-width: 500px){ body{ background:red;} } لو وضعناهم بالعكس، 500 ثم 600 لتم تنفيذ تنسيق 600 وأقل على 450 وتخرب التنسي
    • أعجبني
    1