مشكلة في تنسيقات المشروع

بتاريخ 34 دقائق مضت قال Ibrahim Almahdy:

لما فتحته على موبايل كان اسم اللي هو في الهيدر تحت بعضه عايزه يكون جمب بعض وبردو الكلام اللي ف الصفحه اول الحروف منه مش باينه بسبب الشاشه personalWebsite.zip

personalWebsite.zip 8.42 MB · 1 تنزيل

..

المشكلة لديك في أنك تضع حاشية padding بقيمة كبيرة وهي 50px لذلك لا يوجد مساحة للنص ليكون في سطر واحد .

لهذا يجب عليك تقليل الحاشية في الشاشات الصغيرة من خلال وضع الكود التالي في نهاية ملف style.css :

@media (max-width: 390px) {
  #header {
    padding: 0 20px;
  }
}

أما بخصوص الأحرف هل يمكنك توضيح ما تقصده أى أحرف التي لا تظهر ؟

بتاريخ 2 دقائق مضت قال محمد_عاطف:

المشكلة لديك في أنك تضع حاشية padding بقيمة كبيرة وهي 50px لذلك لا يوجد مساحة للنص ليكون في سطر واحد .

لهذا يجب عليك تقليل الحاشية في الشاشات الصغيرة من خلال وضع الكود التالي في نهاية ملف style.css :

@media (max-width: 390px) {
  #header {
    padding: 0 20px;
  }
}

أما بخصوص الأحرف هل يمكنك توضيح ما تقصده أى أحرف التي لا تظهر ؟

بخصوص الاحرف لما بفتح الموقع على الموبايل الكلام اللي باللون الابيض اول كلمات بتبقى جمب الشاشه اللي ف اول السطر بتبقى مش باينه 

بتاريخ 6 دقائق مضت قال Ibrahim Almahdy:

بخصوص الاحرف لما بفتح الموقع على الموبايل الكلام اللي باللون الابيض اول كلمات بتبقى جمب الشاشه اللي ف اول السطر بتبقى مش باينه 

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

بتاريخ 21 دقائق مضت قال محمد_عاطف:

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

من جهة اليسار الكلام ليس ظاهرًا

بتاريخ 3 دقائق مضت قال Ibrahim Almahdy:

من جهة اليسار الكلام ليس ظاهرًا

يمكنك وضع حاشية للعنصر p في ملف index.html سطر 33 هكذا :

<p class="px-sm-0 px-4">