Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Display Inline-block não está funcionando na parte dos produtos

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Oi, Bruna, tudo bem?

O problema pode estar relacionado ao fato da sua tag <li>, não ter sido fechada em nenhum dos itens da lista criada para os serviços prestados pela barbearia no arquivo HTML:

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

</ul>

O código correto inclui o fechamento da tag <li>após a última tag <p> referente ao produto do serviço prestado:

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

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software