Olá, Jaqueline.

Tudo bem?

Tem um detalhe no seu código, precisa ser ajustado. A <li> tem que envolver as quatro tag: <h2>, <img> e as duas <p>.

No seu caso a <li> está sendo fechada depois do <h2> então ela só está envonvendo o <h2>.

A <li> precisa ser fechada logo antes de começar a outra <li>, e assim ela envolve as quatros tag.

Corrigido :

<ul class="produtos">
                <li>
                    <h2>Cabelo</h2>
                    <img src="cabelo.jpg">
                    <p class="produto-descricao">Na tesoura ou máquina, como o cliente preferir</p>
                    <p class="produto-preco">R$ 25,00</p>
                </li>
                <li>
                    <h2>Barba</h2>
                    <img src="barba.jpg">
                    <p class="produto-descricao">Corte e desenho profissional de barba</p>
                    <p class="produto-preco">R$ 18,00</p>
                </li>
                <li>
                    <h2>Cabelo + Barba</h2>
                    <img src="cabelo+barba.jpg">
                    <p class="produto-descricao">Pacote completo de cabelo e barba</p>
                    <p class="produto-preco">R$ 35,00</p>
                </li>
            </ul>

Compara esse código que coloquei já corrigido, com o seu.

Espero ter ajudado.

Qualquer dúvida manda aqui :) Valeu!!

obrigada Renan não tinha atentado para este detalhe.