<header class="cabecalho">
<img class="logo" src="assets/img/logo.jpg" alt="Logo fruta e fruto">
<nav class="menu">
<ul class="menu-lista">
<li class="menu-item"><a class="menu-link" class="ativo" href="#">inicio</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>
insira seu código aqui
<li class="menu-item"><a class="menu-link ativo" href="#">inicio</a></li>
Porque criou 2 classes na mesma tag segue a tag Corregido