مشكلة في محاذاة النص بداخل العنصر

هذا بسبب التنسيق في ملف index.css سطر 140 . حيث لاحظ أنك إستخدمت الخاصية text-align وجعلتها ب center .

وتلك الخاصية تقوم بمحاذاة النص بداخل العنصر الخاص به وبما أنك إخترت center فلهذا يتم محاذاة النص في منتصف العنصر الخاص به ولهذا تجدها متقدمة عن النص الأخر .

ولجعل النص يظهر في بدايته وليس فيه محاذاة يجب حذف سطر 140 هكذا :

  h2{
    margin-top: 30px;
    font-size: 30px;
    color: orangered;
}

ولقراءة تفاصيل أكثر حول محاذاة النص يمكنك الدخول على موسوعة حسوب من خلال الرابط التالي :

• الخاصية text-align

أولا قم بتعديل الكلمة لانها خطأ يجب أن تكون FRONT END ثم إذا كنت تريد وضعها في بداية السطر بشكل مستقل، يمكنك تعديل الـ HTML لتكون في سطر جديد، مثل:

<h2>front-end</h2>
<span>create website like a pro</span>

أو في الـ CSS، أضف

 display: block;

إلى

.hero h2

لضمان أن تكون في سطر منفصل.