слишком много комментариев лишних
Ключевое слово – лишних.
Лишних быть не должно.
Вот в этом месте
<!-- nav item -->
<li class="header__menu-item">
<a href="./contacts.html" class="header__menu-link">КОНТАКТЫ</a>
</li>
<!-- nav item end -->
комментирование абсолютно лишнее. Это визуальный мусор.
Разметку комментировать не нужно.
В верстке бывает полезно выделить блоки комментариями.
Что я имею ввиду: если вы просто верстальщик и результат вашей работыбудет передан программисту для интеграции в CMS, то он будет вам благодарен, если вы выделите основные блоки комментариями, особенно, если разметка блока большая и не вмещается в один экран. Просто так будет проще скопировать кусок кода, чтобы перенести его в шаблон системы управления сайтом.
Если же вы тот самый программист, то html комментарии в результате вашей работы соверщенно излишни.