Minha dúvida é a seguinte:

Na tag main, na lista não ordenada foi criado uma classe "produtos", porém no ul no navbar não foi criado.

Faz-se necessário ter a div "caixa"

A tag header já não faria o papel dela?

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

</main>