.navbar ul li a
header-nav и как вы его будете переиспользовать в футере или где-то ещё кроме шапки?Или надо header-nav задать что это элемет блока header?
class="header__nav nav"<div class="header__logo"><a href="/">MYCOMPANY</a></div><a class="header__logo logo" href="/"><img class="logo__img" src=""></a>А потом элементы блока header__header-nav указывать так?
header__header-nav__link вообще нельзя делать в БЭМ.<ul class="nav__list">, <li class="nav__item">, <a class="nav__link">
<div class="outer__wrapper">
<div class="outer__element" data-target="element-0">Outer Test0</div>
<div class="outer__element" data-target="element-1">Outer Test1</div>
<div class="outer__element" data-target="element-2">Outer Test2</div>
<div class="inner__wrapper">
<div class="inner__element" id="element-0">Outer Test0</div>
<div class="inner__element" id="element-1">Outer Test1</div>
<div class="inner__element" id="element-2">Outer Test2</div>
</div>
</div>[data-target="element-0"]:hover ~ .inner__wrapper #element-0
Не 100%, а занимает всю доступную ширину. Почитайте про box-sizing, поймете в чем разница.
Нет не только. Ещё у строчным не задать размеры (и ширину и высоту) и вертикальные отступы. Вертикальные паддинги задать можно, но работать они будут не так, как для блочных. А также и некоторые другие свойства работают не так, как с блочными.
2. Что во что можно вкладывать определяется не блочностью/строчностью, а категорией контента https://developer.mozilla.org/ru/docs/Web/Guide/HT...