Bom dia, Mario
Para tira a bolinha
/* menu-item.css */
.menu__item {
list-style: none;
}
Para ficar em linha
/* menu-lista.css */
.menu__lista {
display: flex;
}
Códio completo do cabeçalho
<header class="cabecalho">
<img class="logo" alt="Fruta e Fruto" src="./assets/img/logo.jpg">
<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>
/* cabecalho.css */
.cabecalho {
align-items: center;
background: #f9f9f9;
display: flex;
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
}
/* menu-item.css */
.menu__item {
list-style: none;
}
.menu__item:last-child .menu__link {
margin-right: 0;
}
/* menu-link.css */
.menu__link {
color: #808080;
margin-right: 1.25rem;
text-decoration: none;
text-transform: lowercase;
}
.menu__link.ativo {
color: #333333;
font-weight: bold;
}
.menu__link:hover {
text-decoration: underline;
}
/* menu-lista.css */
.menu__lista {
display: flex;
}
