Во-первых, семантически неверно размещать блочный тег внутри строчного
Семантика - это использование тегов в соответствии с их смыслом. И не имеет ничего общего с тем, что во что можно вкладывать.
Можно ли вкладывать один элемент в другой определяется категорией контента и спецификацией, но никак не блочностью и строчностью. MDN про категории контента
В частности, у ссылки она прозрачная и в неё можно вкладывать всё, что можно вкладывать в родителя ссылки.
для каждого пункта меню прописывать тег "h1", ибо на странице он может быть всего один.
Всего один он может быть только у SEOшников, но вообще нет, не обязательно один.
Хотя, конечно, хорошо, когда один. Но запрета нет.
Другое дело, что логотип действительно не является заголовком страницы. И использовать тег заголовка только ради жирности довольно странно.
Чем не подошел justify-content: space-between флексу или margin-left: auto правому блоку?
Правый блок сдвинут направо относительно левого с помощью margin-left: 126vh;
Если вы хотите, чтобы правый блок был всегда в правой части и на фикс расстоянии от края, то почему вместо правого паддинга контейнеру, вы пишете левый марджин ребенку, да еще и в зависимости от высоты страницы?
bxspb, я как-то подробно отвечала на этот вопрос (в комментариях к нему). Он был, наверное, по тегу QnA.
В данном случае, потому что это легко гуглится и вы просто забыли тег.
Хорошо было бы начать с правил сервиса.
Они запрещают выкладывать код скринами.
Т.е. либо кодом в спойлере либо в песочницу на codepen.io (так быстрее можно разобраться в чем дело).
Какой прекрасный селектор использует автор видео section header .logo {}. Не смотрите его больше.
Семантика - это использование тегов в соответствии с их смыслом. И не имеет ничего общего с тем, что во что можно вкладывать.
Можно ли вкладывать один элемент в другой определяется категорией контента и спецификацией, но никак не блочностью и строчностью. MDN про категории контента
В частности, у ссылки она прозрачная и в неё можно вкладывать всё, что можно вкладывать в родителя ссылки.
Всего один он может быть только у SEOшников, но вообще нет, не обязательно один.
Хотя, конечно, хорошо, когда один. Но запрета нет.
Другое дело, что логотип действительно не является заголовком страницы. И использовать тег заголовка только ради жирности довольно странно.