تنسيق الشاشات الصغيرة أكبر من عرض الشاشة الأساسية

هل يمكنك توضيح المشكلة التي تقصدها ؟

فالموقع والصورة المرفقة لا توجد بها أى مشكلة.

صحيح لا توجد مشكلة لكن اصبح عرض شاشة هاتف نفس عرض شاشة الايباد 

ارفقت لك المشروع بعد رفعه لتفحص المشكلة ولكن افتح المشروع من خلال الهاتف 

https://stupendous-pasca-df7ab6.netlify.app/

بتاريخ 18 دقائق مضت قال Hxfhf Ucicic:

صحيح لا توجد مشكلة لكن اصبح عرض شاشة هاتف نفس عرض شاشة الايباد 

ارفقت لك المشروع بعد رفعه لتفحص المشكلة ولكن افتح المشروع من خلال الهاتف 

https://stupendous-pasca-df7ab6.netlify.app/

لقد فهمت المشكلة التي تقصدها .

هذا بسبب مشاكل كثيرة لديك في التنسيقات .

أولا في ملف style.css سطر 405 لاحظ أنك وضعت العرض بقيمة 100vh وهذا خاطئ حيث vh هي للأطوال أم vw للعرض ولكن تلك القيمة كبيرة وهي سبب تلك المشكلة لذلك يجب حذف هذا السطر .

ثانيا المشكلة في الصور في قسم article لاحظ أنك وضعت لها عرض ثابت 600px ولهذا في الشاشات الأقل من 600px الصورة تأخذ عرض أكبر بكثير من الشاشة .

وأيضا في قسم services قد وضعت padding كبير لهذا يجب تقليله في الشاشات الصغيرة .

وإليك الملف بعد تعديل الأخطاء لك .

style.css