قمت بتكبير وتصغير الشاشة فظهرت المشكلة بالفعل، لكن كان علي تفقد جميع العناصر بالصفحة لتفقد ما سبب المشكلة وتبين أنه القسم التالي في الصفحة:

ولحل المشكلة عليك باستخدام overflow: hidden على القسم section.works .gallary-work كالتالي:

section.works .gallary-work {
    background-image: url(../images/hero-bg/app.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 120px;
    overflow: hidden;
}

وبخصوص التصميم هو جيد أحسنت، لكن بخصوص التأثيرات عند التمرير فعليك بتقليص الوقت بحيث لا يشعر بها المستخدم فلا يجب أن ينتظر المستخدم أن تظهر العناصر أي يجب تحقيق التوازن بين هذا وذاك.

كما أخبرك مصطفى فإن المشكلة من الصنف section.works .gallary-work .overlay .list-inline حيث أن التنسيق 

transform: translateX(50px);

هو ما يقوم بالمشكلة حيث يتنقل العنصر لليمين مما يجعل الصنف .list-inline خارج العنصر الأب 

لذلك الحل هو تبديل ال

transform: translateX(50px);

ب

padding-left: 50px;

أما بالنسبة للموقع فهو ممتاز من ناحية الأداء والتصميم الجيد المتناسق والتجاوبية ولكن هناك تعديل بسيط 

• ال navbar  عند النزول للأسفل فالصنف Active يجب عليك إعطاؤه اللون اللون المستخدم في التصميم بدلاً من اللون الأزرق 
• كما أن ال nav-links يفضل تغيير اللون من  الأزرق 
• وال navbar عند النزول لأسفل لا تضيف الصنف transparent فيحدث تداخل بين ال navbar و العناصر في الخلفية 

لاحظ التعديلات في الصورة التالية