После ознакомления с документацией и перехода к практике, все равно возникли проблемы с пониманием структуры, постоянно закрадываются сомнения в правильности использовании элементов вместо миксов и т.д. Просьба оценить разметку по БЭМ-у
<header class="header">
<div class="header__container container">
<div class="header__menu">
<a href="#" class='header__logo logo'>spirit8</a>
<nav class="navigation">
<a href="#" class="navigation__link">home</a>
<a href="#" class="navigation__link">about</a>
<a href="#" class="navigation__link">services</a>
<a href="#" class="navigation__link">portfolio</a>
<a href="#" class="navigation__link">testimonials</a>
<a href="#" class="navigation__link">contact</a>
</nav>
</div>
<div class="header__slogan slogan">
<h2 class="slogan__title">welcome on <span class="slogan__title_accent">spirit8</span></h2>
<p class="slogan__subtitle">We are a digital agency with <span class="slogan__subtitle_accent">years of experience</span> and with <span class="slogan__subtitle_accent">extraordinary people</span></p>
</div>
<div class="header__transition">
<img src="img/circle.png" class="header__circle" alt="">
<img src="img/arrow.png" class="header__arrow" alt="">
</div>
</div>
</header>