@LucasNCosta
Posted
Olá, primeiramente, parabéns por concluir o desafio!
Vou dar algumas dicas, espero que eu consiga te ajudar. Os dois "figure" que usou podem ser substituídos por:
<div class="imagem"> <picture> <source media="(min-width: 1000px)" srcset="imagens/image-product-desktop.jpg" type="image/jpg"> <img src="imagens/image-product-mobile.jpg" alt="Gabrielle-Essence-Eau-De-Perfum-by-CHANEL"> </picture> </div>Deverá fazer as devidas adaptações no CSS para ser bem efetivo, ajustar os ".img-desktop" e ".img-mobile". Recomendo usar "px" no lugar de "rem" no "media-querie", pois se ajusta melhor em diversos aparelhos.
No mais, está de parabéns, continue os estudos! para eventuais consultas pode usar meu repositório: https://github.com/LucasNCosta/projetos/tree/main/pratica/product-preview-card