Eu estou praticando a responsividade e o código simplesmente parou de reconhecer o tamanho da imagem e fica pequeno no navegador de uma maneira muito estranha, logo quando coloquei o <picture>
no código a imagem começou a ficar muito pequena no navegador, isso NUNCA aconteceu, retirei e a imagem continuou menor, não sei se é problema no navegador ou no proprio código, alguem me elucida por favor
`` body{
background-color: gray;
}
main{
background-color: white;
padding: 20px;
border-radius: 10px;
min-width: 320px;
max-width: 800px;
margin: auto;
}
img{
width: 100px;
}
</style>
<body>
<main>
<h1>Teste de Responsividade</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis atque aspernatur dignissimos totam officia quaerat necessitatibus, temporibus architecto maiores eius modi adipisci voluptatem quod eveniet animi a hic facere minus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae quae amet accusantium magnam facere, eligendi explicabo esse nulla ipsa! Similique quod fuga inventore consequuntur, voluptas est minus velit facere dolorem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi repudiandae eaque omnis dolorum iusto deleniti tempora, reiciendis quidem ad sint. Nesciunt repudiandae, minus voluptatum maiores accusamus magni veritatis animi ea?</p>
<picture>
<source media="(max-width: 800px)" srcset="imagens/irina-blok-pq.jpg">
<img src="imagens/irina-blok.jpg" alt="Irina Blok">
</picture>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis atque aspernatur dignissimos totam officia quaerat necessitatibus, temporibus architecto maiores eius modi adipisci voluptatem quod eveniet animi a hic facere minus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae quae amet accusantium magnam facere, eligendi explicabo esse nulla ipsa! Similique quod fuga inventore consequuntur, voluptas est minus velit facere dolorem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi repudiandae eaque omnis dolorum iusto deleniti tempora, reiciendis quidem ad sint. Nesciunt repudiandae, minus voluptatum maiores accusamus magni veritatis animi ea?</p>
</main>