duvida
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>