Высшая школа чисто программирования?

Sergey, ну, тогда лучше заплатить ментору, который натаскает до нужного уровня.

Как расположить контейнер inline-flex по центру?

akokin, самое простое и классическое выравнивание:
position: relative;
left: 50%;
transform: translateX(-50%);
можно поместить во флекс контейнер c justify-content: center;

Video Background с видеo в 1,5 минуты и весом в 250мб. Как реализовать правильно и без глюков?

Сергей Dydaevskiy, 1 - согласен
2 - на мобильных: отключал видео и оставлял картинку вместо него
3 - если фон настроить, то тоже норм.
юзал: https://github.com/pupunzi/jquery.mb.YTPlayer
видео 2+ минут, если короткое видео, то гружу без плагина и на своем хостинге

Video Background с видеo в 1,5 минуты и весом в 250мб. Как реализовать правильно и без глюков?

Можно видео залить на ютуб и грузить с него.
Там благодатное апи, которое позволит изначально грузить видео в худшем качестве

Как расположить контейнер inline-flex по центру?

akokin, закинь в codepen.

Какой слайдер использовать (с прогрессбаром)?

https://codepen.io/suez/pen/wMMgXp?selected_tag=slider
Можно взять тот же слик и приделать к навигации прогресс бар.
https://www.youtube.com/watch?v=QIvFUjsXlJI

Как правильно создать таблицу с кнопками БЭМ?

<div class="app">
      <table class="table" >
        <tbody class="table__tbody">
          <tr class="table__tr tr">
            <td class="table__td td"></td>
            <td class="table__td td"></td>
            <td class="table__td td"></td>
            <td class="table__td td"></td>
          </tr>
          
        </tbody>
      </table>
      <span class="button button--minus buttonRowMinus">-</span>
      <span class="button button--plus buttonRowPlus">+</span>
      <span class="button button--minus buttonColMinus">-</span>
      <span class="button button--plus buttonColPlus">+</span>
        </div>

p.s. Все, что приходит с CMS, лучше не стилизовать по БЭМ.

Как отменить наследование opacity?

Почему нельзя сделать родителя с position: relative и ему два дочерних элемента с абсолютным позиционированием.
Первому задаем opacity: .3, а второму opacity: 1; и никакой жопоболи

Как найти лишний символ в верстке?

Закидываешь разметку в редактор и ищешь "<"
Можно еще в шапке посмотреть все. Бывает закрадется какой-то символ и всплывет в неожиданном месте. Особенно внимательно посмотрите с чего начинается header.php

Будут ли проблемы, если задать * {position: relative;}?

Антон Спирин, Да, но вот он и хочет задать всем элементам relative, а я говорю за то, что абсолютное позиционирование не всегда к родителю к родителю применяется

Будут ли проблемы, если задать * {position: relative;}?

Будут.
Например у Вас есть элемент. Нужно задать ему абс. позиционирование, а контейнер использовать не родительский этого элемента, а родительский какой - нибудь глобальный. В итоге, Вам нужно будет задавать родительскому контейнеру position: static;
Это не большая проблема, если только разметка не будет большой вложенности, например какое-то многоуровневое меню

Slick slider нужна помощь?

В слике есть слайдер с миниатюрами и там можно настроить кол-во слайдов в навигации, да и еще кучу разных настроек

Почему возникает отступ между блоками?

sinevik,

Просто когда я делаю классы, мне становится все гораздо не понятней.

Если для себя - делайте, как удобно Вам.
Если для других, то помните, что Ваш код будут поддерживать и дорабатывать в будущем.

Почему возникает отступ между блоками?

У id бОльший приоритет и его сложно перебить.
Id нельзя переиспользовать(вообще можно, но там свои проблемы) и нельзя задать одному тегу несколько id.
Каскад: #navbar>#menu>a - каскад (плохо). Его сложно перебить и невозможно будет использовать отдельно меню от #navbar.
Можно использовать бэм с минимальным каскадом:
.navbar {}
.navbar__menu {}
.menu {}
.menu__link {} либо .menu a {}

Почему возникает отступ между блоками?

1. Использование id вместо классов
2. Шрифты лучше использовать из google fonts(open sans там есть)
3. Куча лишнего кода в стилях
4. Каскад
p.s. Главное не останавливайтесь. Учитесь, тренируйтесь дальше и смотрите, как верстают другие

Почему возникает отступ между блоками?

sinevik, верстка очень плохая. Я не разбирался особо. Прикинул, что font-size для размера меню 16, а line-height для #navigation и вовсе не нужно было задавать

Плохо ли из page.html делать page.php?

Используйте jekkyl, если только разметка у Вас(html)
Либо учите wp и уже натягивайте верстку на эту cms

Почему возникает отступ между блоками?

sinevik,
#navigation {
font-size: 0;
line-height: 30px;
}
#menu>a {
font-size: 16px;
}

Почему возникает отступ между блоками?

Родительскому блоку задал?
Можешь залить код на codepen?

Как обратиться к объекту в сss?

Нет, но можно сымитировать такое поведение c помощью абсолютного позиционирования и вложенных списков