Não entendi porque meu inline-block não mudou a posição, não ficou um ao lado do outro
  
  
Não entendi porque meu inline-block não mudou a posição, não ficou um ao lado do outro
  
  
Olá, Amanda.
Tudo bem?
Isso está acontecendo provavelmente porque você utilizou a <li> no lugar da tag de título <h2>, veja:
<li>
        <li>Cabelo</li>
        <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>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>Espero ter ajudado.
Qualquer dúvida conta com a gente. Valeu.
*aaah saquei! muito obrigada! *