1
resposta

Ajustando imagem no flexbox

Bom dia, queria saber como ajustar o tamanho da imagem quando uso flexbox, quando coloco a imagem ela fica do tamanho do texto, quanto maior o texto, a imagem vai crescendo junto.

<body>
    <main class="main">
        <img src="./images/testando.png" alt="">
        <div class="principal">
            <h1>Hcode Treinamentos</h1>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
                scrambled it to make a type specimen book.
            </p>    
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry..</p>

            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
                Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at
                Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a
                Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the
                undoubtable source.</p>
        </div>
    </main>
</body>

.main{
    display: flex;
}

.principal{
    flex-direction: column;
}
.image{
    background-image: url("./images/testando.png");
    width: 200px;
    height: 100px;
}
1 resposta

Olá,

Essa classe ".image" não está definida, o certo seria após o link da imagem colocar class="image" ou definir o estilo através do seguinte código:

img {
    background-image: url("./images/testando.png");
    width: 200px;
    height: 100px;
}