Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

MRcracker:
прекрасно работать будет, даже если написать .header-menu a:hover{} и даже просто a:hover{}, но по БЭМу это не верно.

Вы чего достичь-то пытаетесь?

Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

MRcracker: ну у вас же нет ссылки внутри .header-menu__link
Да и зачем обращаться по селектору тега, если специально всем раздали классы? (Если речь про БЭМ)

Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

MRcracker:
https://webref.ru/css/hover

Div на всю ширину в div на всю ширину. Как реализовать?

Exploding: Прочитайте любую статью из гугла на тему почему не стоит использовать идентификаторы для стилизации.
Ну и вот это до кучи: https://csswizardry.com/2012/11/code-smells-in-css/

Div на всю ширину в div на всю ширину. Как реализовать?

Кроме !important еще и # тоже хорошо бы убрать и заменить на классы.

Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

<div class="header-menu">
          <ul class="header-menu__list">
            <li class="header-menu__item"><a class="header-menu__link" href="#">Home</a></li>
            <li class="header-menu__item"><a class="header-menu__link" href="#">Devices</a></li>
            <li class="header-menu__item"><a class="header-menu__link" href="#">Delivery&Payment</a></li>
            <li class="header-menu__item"><a class="header-menu__link" href="#">Guarantee</a></li>
            <li class="header-menu__item"><a class="header-menu__link" href="#">About Us</a></li>							
          </ul>
</div>

Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

MRcracker: https://ru.bem.info/methodology/quick-start/

Как задать hover эффект для ссылок из меню сайта по методологии БЭМ?

hover это состояние и оно ничем не отличается хоть БЭМ, хоть не БЭМ

Почему съезжает блок?

Crushing:
Картинки:
- выложить свои куда угодно в инет, хостинг, файлообменник, альбомы, лишь были доступны по прямой ссылке.
- использовать сервисы типа https://placeholder.com/
- заменить на любую другую нужного размера из поиска по картинкам гугла или яндекса

Почему не работают классы bootstrap?

Александр Волков: в окне какого размера смотрите?
Например, в стилях для container для окна больше чем 1200 точек ширина должна быть не больше чем 1140px.

Т.е. все стили бутстрапа работают. Возможно не так, как Вам хочется, но именно таким образом как написаны.

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

Почему съезжает блок?

Верстку в песочницу jsfiddle или codepen либо ссылкой. Вряд ли кто-то захочет что-то скачивать.

Почему не работают классы bootstrap?

С чего Вы решили, что они не работают?

Как можно зафиксировать размер body на 320px, и чтобы это отображалось на всю ширину на всех устройствах?

viewport действует только на мобильные устройства.

Вариант на JS: узнавать ширину окна и задавать соответствующий zoom.
Только я плохо представляю удовольствие смотреть на 1920 размазанные в 6 раз 320.

Попробуйте изменить концепцию на использование vw, но графику все равно придется адаптировать под разные размеры.

Расскажите как верстать темы под WP?

Ох.. берете WP, берете готовую тему посложнее и разбираете что за что отвечает, меняя на свое оформление. По дороге гуглите и смотрите в документацию, если что-то не понятно.
На мой взгляд самый эффективный способ обучения.

Как переместить элемент в потоке не меняя html?

position relative и указание top, left, right, bottom сдвигают элемент относительно его текущего положения.

Где можно практиковаться верстать?

Смотрите любой макет на любом ресурсе. Хоть тут templatemonster.com/ru/ хоть вообще любой готовый сайт.
Скачивать psd не надо. В код не заглядываете, забираете только нужную графику, верстаете.

Как правильно сверстать рамку?

Максим Маркитантов: С изогнутой рамкой: https://jsfiddle.net/ph8Lswz9/
Дальше можно развлекаться подбором фона у "цветка", прозрачностями и положением.

Как правильно сверстать рамку?

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

Как провести линию между блоками?

Хорошо бы знать, что в CSS.
При данном раскладе, даже если предположить, что у div'ов не нулевая высота, то не работает просто потому что не выполняется ваш if.

Можно ли наложить картинки друг на друга с помощью flexbox?

siza: возьмите готовую карусель типа owl или slick и используйте их center mode.