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!
Solucionado
Oi Hugo, tudo bem?
Pode mandar seu código HTML e CSSpra gente poder verificar melhor o que pode está acontecendo?
Você pode fazer isso usando a opção de inserir bloco de código </>.
Um abraço e bons estudos.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Produtos - Barbearia Alura</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="produtos.css">
</head>
<body>
<header>
<div class="caixa">
<h1><img src="logo.png"></h1>
<nav>
<ul>
<li><a href="index.html">Home</li>
<li><a href="produtos.html">Produtos</li>
<li><a href="contatos.html">Contato</li>
</ul>
</nav>
</div>
</header>
<main>
<ul class="produtos">
<li>
<h2>Cabelo</h2>
<img src="cabelo.jpg">
<p class="descriçao">Na tesoura ou máquina, como o cliente preferir</p>
<p class="preço">R$ 25,00</p>
</li>
<li>
<h2>Barba</h2>
<img src="barba.jpg">
<p class="descriçao">Corte e desenho profissional de barba</p>
<p class="preço">R$ 18,00</p>
</li>
<li>
<h2>Cabelo + barba</h2>
<img src="cabelo+barba.jpg">
<p class="descriçao">Pacote completo de cabelo e barba</p>
<p class="preço">R$ 35,00</p>
</li>
</main>
<footer>
<img src="logo-branco.png">
<p class="copyright">© Copyright Barbearia Alura - 2019</p>
</footer>
</body>
</html>header {
background: #bbbbbb;
padding: 20px 0;
}
.caixa {
position: relative;
width: 940px;
margin: 0 auto;
}
nav{
position: absolute;
top: 110px;
right: 0;
}
nav li {
display: inline;
margin: 0 0 0 15px;
}
nav a {
text-transform: uppercase;
color: #000000;
font-weight: bold;
font-size: 22px;
text-decoration: none;
}
nav a:hover {
color: #c78c19;
text-decoration: underline;
}
.produtos {
width: 940px;
margin: 0 auto;
padding: 50px 0;
}
.produtos li {
display: inline-block;
text-align: center;
width: 30%;
vertical-align: top;
margin: 0 1.5%;
padding: 30px 20px;
box-sizing: border-box;
border: 2px solid #000000;
border-radius: 10px;
}
.produtos li:hover {
border-color: #c78c19;
}
.produtos li:active {
border-color: #088c19;
}
.produtos h2 {
font-size: 30px;
font-weight: bold;
color: black;
}
.produtos li:hover h2 {
font-size: 34px;
}
.descriçao {
font-size: 18px;
font-weight: bold;
color: black;
}
.preço {
font-size: 22px;
font-weight: bold;
margin-top: 10px;
color: black;
}
footer {
text-align: center;
background: url("bg.jpg");
padding: 40px 0;
}
.copyright {
color: #FFFFFF;
font-size: 13px;
margin: 20px 0 0;
}
Oi Hugo!
Você não fechou o tag a na nav. Corrige para:
<nav>
<ul>
<li><a href="index.html">Início</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>Que aí vai sumir o link.
Um abraço e bons estudos.