Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Por que não dá pra redimensionar imagem após inline block?

Apliquei o inlineblock na lista de benefícios e, por curiosidade, tentei diminuir a altura da imagem "beneficios" em porcentagem. Mas percebi que não importa qual a altura que eu coloque, não muda. Por que?

Trecho do HTML

        <div class = "beneficios">
            <h2>Beneficios</h2>
            <ul>
                <li class = "itens">"Atendimento aos Clientes"</li>
                <li class = "itens">"Espaço diferenciado"</li>
                <li class = "itens">"Localização"</li>
                <li class = "itens">"Profissionais qualificados"</li>
            </ul>

            <img src = "beneficios.jpg" class = "imagemBeneficios">
        </div>

Trecho do CSS

.imagemBeneficios{
    width: 50%;
    height: 30%;
}
1 resposta
solução

Oi, Sabrina, tudo bem?

Fiz o teste como você falou, e não tive problema em redimensionar a imagem. O inline-block aceita que valores de width e de height sejam modificados. Segue o print do meu teste: https://imgur.com/a/XCUOIRz

Se preferir, pode compartilhar o seu html e css, para que possa testar com o seu código.