duvida
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
duvida
Oi, Jose! Tudo certo?
Para que eu possa realizar testes e entender melhor o que pode estar causando essa situação com o seu código, poderia compartilhar aqui o seu código completo?
Fico à disposição. Até logo!
.menu__item {
list-style: none;
}
.menu__item:last-child .menu__link{
margin-right:0;
}
.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;
}
.cabeçalho {
align-items: center;
background-color: #f9f9f9;
display: flex;
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
}.menu__lista {
display: flex;
}
Olá! Tudo bem, Jose?
Peço perdão por não ter especificado anteriormente... Poderia compartilhar também o seu código HTML?
Até breve!
<link rel="stylesheet" href="assets/css/cabeçalho.css">
<link rel="stylesheet" href="assets/css/menu/menu-item.css">
<link rel="stylesheet" href="assets/css/menu/menu-lista.css">
</head>
<body>
<header class="cabeçalho">
<img class="logo" src="assets/img/logo.jpg" alt="fruto e frutas">
<nav class="menu">
<ul class="menu-lista">
<li class="menu__intem"> <a class="menu__link ativo" href="#">início</a></li>
<li class="menu__intem"> <a class="menu__link" href="#">receitas</a></li>
<li class="menu__intem"> <a class="menu__link"href="#">quem somos</a></li>
<li class="menu__intem"> <a class="menu__link" href="#">comunidade</a></li>
</ul>
</nav>
</header>
<section class="banner">
<img class="imagen banner" src="" alt="">
<h2 class="banner_titulo"> reaproveite melhor os alimentos</h2>
</section>
<section class="sobre">
<h2 class="sobre titulo"> receitas para ecomizar e ganhar saúde <h2>
<p class="sobre Descrição"> nossas receitas ajuda a você a aproveitar melhor os alimentos,economizar,ganhar tempo praticando </p>
</section>
</body>