Há algo de errado no meu projeto que não consigo identificar. Até a classe "produtos li" está tudo perfeito, mas quando tento alterar propiedades do h2 em diante, nada funciona. Já olhei linha por linha, mas ainda não consegui identificar o erro.
<html>
<head>
<meta charsert="UTF-8">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="produtos.css">
<title>
Produtos - Barbearia Alura
</title>
</head>
<body>
<header>
<div class="caixa">
<h1><img src="logo.png"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="Contatos">Contatos</a></li>
</ul>
</nav>
</div>
</header>
<main>
<ul class="produtos">
<li>
<h2>Cabelo</h2>
<img src=cabelo.jpg>
<p>Na Tesoura ou na Máquina, como o cliente preferir.
</p>
<p class="produtos-preco">R$ 25,00
</p>
</li>
<li>
<h2>Barba</h2>
<img src=barba.jpg>
<p>Corte e desenho profissional de barba.
</p>
<p class="produtos-preco">R$ 18,00
</p>
</li>
<li>
<h2>Cabelo + Barba</h2>
<img src=cabelo+Barba.jpg>
<p>Pacote completo de cabelo e barba
</p>
<p class="produtos-preco">R$ 35,00
</p>
</li>
</ul>
</main>
</body>
</html>
