Как добавить div в li в каждом элементе меню wp_nav_menu()?

Судя о симптомам это <div class="blueLineNav"></div> легко заменяется псевдоэлементом.
И вот это всё будет не нужно.

Как выровнять контент в блоках по высоте?

Обертка лишняя

Можно ли задавать в инпутах одинакые имена для id и name в разных формах?

Степан Крапивин,

положить инпут внутрь лейбла - тогда не надо будет связывать лейбл через id

MDN рекомендует продолжать связывать их по id-for, даже если внутри.

Данная верстка отвечает требованиям методологии БЭМ?

Данная верстка отвечает требованиям методологии БЭМ?

Нет.
Сервис для самостоятельной проверки https://yoksel.github.io/html-tree/

А также у вас проблемы с валидностью кода и семантикой.

Я бы вообще начала с них, а потом уже БЭМ.

Отступ текст от другого текста?

не могу понять как уместить текст

Тут вам скорее к дизайнеру.

Имеет смысл почитать зачем нужны флоаты и использовать их только по назначению (но мне кажется, что у вас не тот случай).
В современном мире для сеток используют flex и grid.

Но в любом случае хорошо бы нормально описать задачу.

Можно ли задавать в инпутах одинакые имена для id и name в разных формах?

Можно ли задавать одинаковые значение id и name в разных форма?

В рамках одной страницы, нет нельзя.

Может ли это как-то повлиять

Может. Лейбл из второй формы перенесет пользователя к инпуту в первой.

https://developer.mozilla.org/ru/docs/Learn/Forms/...

Почему так получается?

но при уменьшения размера окна иконки исчезают, выходят за окно.

А что они должны делать по вашей задумке?

Если есть еще ошибки, прошу исправить их.

1. Поиск - это форма, тег form, а не div. Соответственно, у кнопки должен быть тип submit.
2. <div class="header"> вероятно тег <header>
3. Картинки внутри кнопки это украшения, делаются через стили фонами и/или псевдоэлементами. Для доступности в таких случаях в кнопки добавляют доступно скрытый span с классом visually-hidden (гуглится по запросу типа "паттерн visually-hidden")
4. Классы лучше не называть -left, -bottom, -blue, -red и т.д. (за редким исключением). Ведь будет странно, если в мобильной версии left окажется прямо над right. Лучше по назначению.

Как убрать затемнение checkbox/radio на ios safari?

я использую checkbox скрыв его стилями

А теперь вопрос, он же ответ: ну и к кому нужно применять -webkit-tap-highlight-color, если чекбокс скрыт?

Как сделать плавное появление и менять бургер на крестик когда бургер открыт?

jsfiddle не работает в России.

как можно сделать что бы меню слева появлялось плавно

Использовать transition или animation с keyframes для нужного свойства.

И после нажатия на бургер он менялся на крестик, а когда закрыть опять на бургер

Менять класс бургера на класс отвечающий за показ крестика. Или добавлять его модификатором.

В инете полно примеров анимации бургера в крестик, гуглятся.

Есть ли способ запускать JS внутри SCSS или LESS?

Может быть, вам помогут кастомные свойства css? Они прекрасно управляются из JS.

Написание сайтов на разных платформах?

Угу, а на хостинге будет ещё другой путь ;)

https://htmlacademy.ru/blog/articles/links

Как корректно соединить текст и картинку?

Положить картинку в фон. Сверху написать текст.
Можно картинку сделать фоном псевдоэлемента.

Можно ещё до кучи использовать градиент.

Как сделать разную ширину колонок в grid?

mark1505, вы можете задавать их в пропорциях типа 0.5fr 1fr 6fr
Или комбинацией с min-content (или max-content), min-content 1fr min-content (две крайние по контенту, остальное центральной)
Можете пользоваться функцией minmax.
Почитайте варианты https://developer.mozilla.org/ru/docs/Web/CSS/grid...

Откат в медии на 1 пиксель - костыль?

Почему именно такая велична, сходу не нагуглю.

Тут https://bootstrap-4.ru/docs/5.0/layout/breakpoints/

Откат в медии на 1 пиксель - костыль?

Рома, он при этом писал min-width или max-width?

Как мне сделать приближение картинки при наведении в блоке, если я эту картинку добавляю серез css?

Антон Литвиненко, да

Как получить значение инпута в режиме реального времени?

https://learn.javascript.ru/events-change-input

Как мне сделать приближение картинки при наведении в блоке, если я эту картинку добавляю серез css?

Антон Литвиненко, прелюбопытно.
В спеке написано, что не наследуются. Ну да ладно, если во всех актуальных браузерах работает, то и ладно.

Так с кастомными
https://codepen.io/AnnaSummer/pen/NWMKzZz

Как мне сделать приближение картинки при наведении в блоке, если я эту картинку добавляю серез css?

Антон Литвиненко,
<div style="--bgi: url()"></div>

div {
  background: var(--bgi) no-repeat;
}

div::after {
  background: var(--bgi) no-repeat;
}

Как мне сделать приближение картинки при наведении в блоке, если я эту картинку добавляю серез css?

Антон Литвиненко, можно через кастомное и туда и туда.
bg image не наследуется.