Изменение шапки на мобильной версии сайта?

Вы можете редактировать HTML и CSS средствами WP через редактор шаблонов.
Вряд ли это удобно, но можете.

Как в форме обратной связи сделать таблицу?

darthnik1, так и покажите ваш код и что получается в результате.
Как выглядит код таблицы есть в следующем ответе.

Нужно ли в каждом проекте создавать папку/файл под каждый блок/элемент/модификатор БЭМ?

Я вам уже ответила в предыдущем вопросе.

По какой сетке верстать новичку?

Новичку нужно сначала научиться верстать. Потом изучить как устроены сетки.
А потом решить что и как использовать.

Обязательно ли в БЭМ элементу иметь класс block_el, чтобы использовать модификатор block_el_mod(scss)?

Артём, никто не заставляет вас использовать все идеи какой-либо методологии.
В большинстве случаев народ использует лишь БЭМ нейминг и прекрасно задает display и margin блокам, не заморачиваясь.

Обязательно ли в БЭМ элементу иметь класс block_el, чтобы использовать модификатор block_el_mod(scss)?

Артём, как вам удобнее и смотря что в макете. Если эти сущности могут жить на странице без блока result-box или мигрировать в другой блок, то почему нет.
Помня о том, что к блоку можно применять не все свойства css.

Как в css разместить два блока друг под другом?

Вы удивитесь, но 2 блока встают друг под другом без флексов, сами по себе, просто потому что они блоки.

p.s. стилизовать по id - грех

Адекватно ли делать большую вложенность в css?

Или есть какой-то максимальный уровень каскада

Вложенность это не каскад.

Двух уровней достаточно (за редким исключением).

Использование множества классов в html или наследие в css?

1. Такой подход имеет право на существование. Почитайте про атомарный css.
2.

Мне удобнее работать с наследованием, люблю чистый код.

main > header {}
И при чем тут наследование?
Это называется дочерние селекторы.
3. В целом, довольно глупо переписывать одни и те же свойства по 100 раз.
Например, для тех же кнопок.
Логично сделать универсальный класс btn, в котором задать все одинаковые свойства.
И к нему добавлять модификаторы (по БЭМу или нет, не важно).
В вашем примере спорный класс про align-left.
Остальные вполне закономерны.

Опять же верстка с помощью многими любимого бутстрапа состоит из добавления аналогичных классов. CSS при этом затрагивается минимально.

Что необходимо для создания сайтов "под ключ"?

Я программист, преимущественно бэкэндщик

Значит, чтобы взять в работу "сайт под ключ" вам нужно подружиться с остальными действующими лицами. Вот и всё.

P.S. И даже слово "одностраничник", которое часто мелькает на фриланс-сайтах, вызывает у меня вопросы.

На фрилансе это с большой долей вероятности значит просто лендинг + форма обратной связи в разных вариациях.

Как вам вёрстка?

1. Первое, про что всегда пишу: валидатор. Проверять нужно и html и css.
Правила можно нарушать, понимая зачем, почему и что за это будет с готовностью расплатиться.
Новичкам нет.
2. Если сайт не резиновый и не адаптивный, то нужно указывать минимальную ширину контейнеру. Ту, на которой все начинает ломаться.
3. Картинки должны сжиматься не меняя пропорций.
4. Подключены странные версии JQ и пустой скрипт.
Скрипты лучше подключать перед закрывающим тегом </body>
Если можно не тянуть JQ, лучше этого не делать.
В качестве слайдера возьмите swiper. У меня есть к нему небольшие претензии, но из готового он хорош.
5. Фиксированная высота не доведет вас до добра.
С шириной элементов типа кнопок тоже осторожно. Лучше задавайте padding'и.
Всегда думайте о том, что надпись может быть другая, слов больше или меньше, длиннее или короче и т.д.
Это касается не только кнопок, но и всего контента, меню...
Например, у вас есть прекрасные стили

.about__subtitle {
    font-size: 36px;
    line-height: 80px;
}

Вот напишите в этот подзаголовок текста на 2 строчки. Красиво?
Для отступов придумали margin и padding.
А line-height лучше задавать как коэффициент без указания единиц измерения (в остальных местах норм)
6. Почитайте про доступность контента.
7. Картинки.
Почитайте про оптимизацию изображений, про ретину, тег picture и формат webp.

Хватит ))
Для первой верстки вполне прилично.

Советы по верстке сайтов на HTML, CSS?

yskl24,

Нужен совет от более знающих людей.

Метод "3500 выстрелов".
Верстайте и по дороге смотрите/читайте что-нибудь типа веб-стандартов, css tricks и подобного.

Как изменять значения в стилях в зависимости от разрешения s[ac]ss?

100vw ширина окна
100vh высота окна
Зачем вам размер именно экрана, пока не ясно.

Что лучше использовать в блочной верстке - margin или padding?

pihachu, это мой добровольный вклад в развитие отрасли :)
Но приятно, что у вас появилось такое желание.

Не отображается рисунок svg в Опере, а в Мазиле все прекрасно отображается?

Нина, Огонь!

Не отображается рисунок svg в Опере, а в Мазиле все прекрасно отображается?

Нина, если в фотошопе был действительно векторный слой, то svg достается двойным кликом по слою. И откроется в программе, которая по умолчанию открывает svg на вашем компе. Мне нравится, когда это прямо браузер, а не всякие тяжеловесы.
Еще удобнее вариант из фотошопа отправить все в Zeplin или аналоги и оттуда уже оптом получить все картинки для макета в 1,5 клика.

Не отображается рисунок svg в Опере, а в Мазиле все прекрасно отображается?

Нина, когда вы пишете кому-то ответ, нажимайте на Ответить. Или ручками набирайте его имя, начиная с @. Иначе человек не узнает, что вы ему отвечаете.
Вставка кода

Как сделать адаптивную сетку на гридах?

Иван, прекрасный макет.
Либо флексом в 2 колонки. Либо гридом в те же самые 2 колонки (только зачем). Откуда 9.5? )))
У одной колонки фикс ширина 240 или сколько там и flaex-shrink 0, у второй flex-grow 1.
Всё.

Как сделать адаптивную сетку на гридах?

Иван, пора показывать макет.
Я вообще подозреваю, что гриды там лишние.

Как сделать адаптивную сетку на гридах?

Иван,

вся проблема в том, что я не могу подогнать под нужные пиксель при помощи фракций или процентов

Это почему это еще?
Вы не можете в макете посмотреть пиксели и перевести их в %? Или поставить ограничители minmax?