Solucionado
Bom eu mudei as configurações da minha imagem la no CSS pq estava ficando muito grande e até ai ok, mas agora eu precisei adicionar mais imagens e consequentemente todas estão ficando do mesmo tamanho que a primeira, queria saber como posso mudar a configuração para que essa única imagem pegue as configurações sem que afete as outras
Oi Yuri!
Quando você define estilos no CSS, eles podem afetar múltiplos elementos se não forem especificados corretamente, Acredito que voce tenha usando o img{}, no css, se sim, de fato vai impactar todas as suas imagens. Para resolver isso, você pode usar classes para aplicar estilos específicos a cada imagem.
Aqui está um exemplo prático de como você pode fazer isso:
No seu HTML, podemos usar class
<img src="imagem1.jpg" class="minha-foto">
<img src="imagem2.jpg" class="outra-imagem">
<img src="imagem3.jpg" class="outra-imagem">
E depois no seu CSS
.minha-foto {
width: 300px; /* Tamanho específico para a primeira imagem */
height: auto; /* Mantém a proporção da imagem */
}
.outra-imagem {
width: 150px; /* Tamanho específico para as outras imagens */
height: auto; /* Mantém a proporção da imagem */
}
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Nossa muito obrigado!! Eu estava colocando a classe no lugar no errado kkkkkkk