الصفحة تنجرف ناحية اليسار تلقائياً

هذا الخطأ نتيجة القيام بإعطاء ال body العرض 80% إذا لم تقم بإضافتها لسبب قم يحذف هذا السطر

body{
    font-family: Arial, Helvetica, sans-serif;
    width: 80%; <!-- هذا السطر -->
    overflow: hidden;
}

أما إذا قمت بإضافة هذا التنسيق لسبب ما ولا تريد حذفه يمكنك تحدد العرض الكامل لل head-v

.head-v{
    display: flex;
    transform: scaleX(1.3);
    position: relative;
    top: 5px;
    width: 100vw; <!-- هذا السطر -->
    @include breakpoints(large){
        top: 25px;
    }
}

ليست هذه المشكلة فانها لم تنجح كما انه يمكنك ان تنظر كيف ان الكلام في الاعلى على اليسار قد قطعت الكلمة من نصفها يعني انه اخذ

width: 100vw ولكن لسبب ما لم يوظف المساحة في منتصف الصفحة وهذا ما اريد معرفته

بتاريخ 15 دقائق مضت قال Belal Kador:

ليست هذه المشكلة فانها لم تنجح كما انه يمكنك ان تنظر كيف ان الكلام في الاعلى على اليسار قد قطعت الكلمة من نصفها يعني انه اخذ

width: 100vw ولكن لسبب ما لم يوظف المساحة في منتصف الصفحة وهذا ما اريد معرفته

هذه ليست مشكلة حيث تحتاج فقط لوضع ال text-align: center لل #header 

#header {
  padding: 20px 0;
  text-align: center;
}