اذهب إلى المحتوى

السؤال

نشر (معدل)

السلام عليكم 

لدي مشكلة بسيطة كنت احاول حلها مند البارحة

 ReactApp-GoogleChrome23_05_202309_37_02.thumb.png.b1ac5fd6c128c07b3d0fa7077c5b7db9.png 

عندما احاول نقص height ب responsive 

يطلع footer و كل section تدخل ببعضها 
ReactApp-GoogleChrome23_05_202309_39_02.thumb.png.0f64e500731e0eda405d6fa60935b82e.png01.---GoogleChrome23_05_202309_40_12.thumb.png.b701af4b549c6e4eb38b75227cf504bd.png

لم استطع معرفة source of problem 

ملفات المشروع portfilio.rar

تم التعديل في بواسطة عبدالباسط ابراهيم
تعديل العنوان

Recommended Posts

  • 0
نشر

هذه الأخطاء في التصميم نتيجة تحديد height معين فإذا كان ال height أكبر ستظهر مشكلة كما في الموقع الخاص بك لذلك 

لحل مشكلة تداخل الأقسام comment و contact يجب عليك حذف السطر التالي

.section_comments {
    height: 100vh;
}

أما بالنسبة لل footer فقم بحذف السطر التالي

.section_Contact {
    height: 90vh;
}

وبدلاً من الحذف يمكنك استخدام min-height بدلاً من height

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...