Solucionado
Fiquei com uma duvida em relação a utilização do BEM no nome da classe utilizada na tag img que comporta o logo do site.
<img class="logo" alt="Fruto & Fruta" src="./assets/img/logo.jpg"/>Por ser uma tag filha do cabecalho não deveria ser algo do tipo: cabecalho__logo ?
Inclusive para evitar um problema com o nome da classe muito genérica e ter sobrescrita (ex: existir um logo no rodapé).
<header class="cabecalho">
<img class="logo" src="./assets/img/logo.jpg" alt="Fruta e Fruto">
<nav class="menu">
<ul class="menu__lista">
<li class="menu__item"><a class="menu__link ativo" href="#">Início</a></li>
<li class="menu__item"><a class="menu__link" href="#">Receitas</a></li>
<li class="menu__item"><a class="menu__link" href="#">Quem somos</a></li>
<li class="menu__item"><a class="menu__link" href="#">Comunidade</a></li>
</ul>
</nav>
</header>Olá Jair. Acredito que está correto desse jeito. Analise o código acima.
Se observar bem, o elemento logo tem a mesma importância do elemento menu dentro do cabeçalho. Como explicado pelo instrutor, na metodologia Atomic Design esses dois elementos seriam como uma molécula dentro do organismo cabeçalho.
No caso de haver um logo no rodapé, você poderia diferenciar por utilizar a classe pai e filha como um único seletor, desta forma:
.cabecalho.logo{
} .rodape.logo {
}
Espero ter ajudado com a sua dúvida!