Что делать, если локальный HTML файл отображается неправильно?

AIIVY ⠀, да какая разница какой, я написала как правильно это делать, а не так как у вас.

Что делать, если локальный HTML файл отображается неправильно?

AIIVY ⠀, с шрифтами у вас полная дичь.
Вряд ли шрифт именно так и называется.
И пути неверные.

Пример, как должно быть

@font-face {
        font-family: "OpenSans";
        src: url("fonts/opensans.woff2") format("woff2"),
        url("fonts/opensans.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: "OpenSans";
        src: url("fonts/opensansbold.woff2") format("woff2"),
        url("fonts/opensansbold.woff") format("woff");
        font-weight: 700;
        font-style: normal;
        }

Обратите внимание, что имя у шрифта одно.

Как задать стили родительскому элементу?

LastGeneral, и как вы это делаете, что у вас не получается? (jsfiddle.net или codepen.io)
В вашей ситуации проще не искать родителя, а обращаться напрямую к нужному элементу (.header) и задавать ему класс.

Что делать, если локальный HTML файл отображается неправильно?

AIIVY ⠀, так вы подключаете сначала свои стили, а потом перебиваете их бутстрапом.

Свои всегда должны быть последними.

Что делать, если локальный HTML файл отображается неправильно?

1. Не подключили файл со стилями.
2. Неверный путь к нему.
3. Кеш.

С шрифтами аналогично + пути к шрифтам.

Либо сделайте пример в песочнице jsfiddle.net или codepen.io либо выложите на хостинг и дайте ссылку (можно использовать GitHub Pages)

Как задать стили родительскому элементу?

LastGeneral, что не получается?
Классы присваивать вы умеете.
Как найти родителя я написала.

Как добавить готовый проект на GitHub?

Фёдор, так это не имеет отношения к тому что вы пушите.
Всё же написано в ошибке, не верный доступ.
Т.е. неправильно прописаны ключи.

Как добавить готовый проект на GitHub?

Фёдор, что говорит-то?

Как добавить готовый проект на GitHub?

Фёдор, тогда не понятно в чем проблема?
Добавляете к отслеживанию и вперед.

Как задать стили родительскому элементу?

parentNode либо parentElement
https://learn.javascript.ru/dom-navigation#sosedi-...

Как добавить готовый проект на GitHub?

Точно также как и остальные файлы.
git pull origin master

Если что GitHub Pages поддерживают только статические сайты (никакой php и т.д. там работать не будет).

Как выделить данный пункт, чтоб открывал не все пункты стразу а только выбранный?

Вадим Свердлик, по вашей логике так: https://jsfiddle.net/6j3oxmnp/

Как выделить данный пункт, чтоб открывал не все пункты стразу а только выбранный?

$(this).next(".submenu").show();

Как при наведении показывать соседний блок и чтобы соседний не исчезал при отведении мыши?

Вадим Свердлик, да ради бога. Ховер-то всё равно будет на main-menu__item

Почему криво работает height: 100vh для мобильных браузеров Chrome, Yandex, Mozilla?

ArtJH, вопрос был задан более 3х лет назад и сейчас поведение браузеров изменилось.
Поэтому имеет смысл описать проблему сначала, приложив код/ссылку и скрины.

Как при наведении показывать соседний блок и чтобы соседний не исчезал при отведении мыши?

Вешать ховер на main-menu__item, а не на svg.
Либо писать js.

Пропадают картинки на хостинге заказчика из-за чего может такое быть?

1. Не все картинки скопировали
2. Отличается регистр букв в пути и названии и расширении файла
3. Всё таки неверные пути

Почему шрифт на сайте нечеткий?

Современным браузерам нужны форматы woff2 и woff (для предыдущего поколения). Подключать нужно именно в таком порядке.
Вы сравниваете шрифты в разных форматах. И у вас каша в порядке подключений.

Как лучше вставлять картинку?

Картинка товара это важное смысловое изображение, а никак не украшение сайта.
Значит вставляется через тег img.
Если ему нужна обертка для удобства при перестроениях и адаптации, то div или figure.

Как реализовать такой header?

Лучше классами манипулировать, а не менять display с помощью js.
А в классах писать какие угодно display, хоть флекс, хоть грид и т.д.