Display inline-block não funciona no na <ul>

Olá Rafael, acredito que o problema em questão seja porque você está colocando a lista inteira como inline-block e esperando o resultado de ter colocado os produtos no display inline-block. Testa o código abaixo e me diz se corrige o seu problema.

<main>
        <ul class="produtos">
            <li><h2>Cabelo</h2>
                <img scr="cabelo.jpg">
                <p>Na tesoura ou máquina, como o cliente preferir</p>   
                <p>R$: 25,00</p>
            </li>

            <li><h2>Barba</h2>
                <img src="barba.jpg">
                <p>Corte e desenho profissional de barba</p>
                <p>R$: 18,00</p>
            </li>

            <li><h2>Corte Completo</h2>
                <img src="cabelo+barba.jpg">
                <p>Pacote completo de cabelo e barba</p>
                <p>R$: 35,00</p>
            </li>
        </ul>
     </main>

        li {
            display: inline-block;
        }