Tive um pouco de dificuldade na parte de utilizar de forma efetiva a TAG <picture> e conseguir migrar a imagem de visualização desktop para a do mobile
@pRicard0
Posted
Algumas dicas HTML
<em> ao invés da tag span com a classe "price" ( Já expliquei o motivo em um projeto mais recente ).<s> ao invés da tag span com a classe "old-price". Essa tag significa strikethrough, traduzindo... tachado. Essa tag serve para texto que não é mais relevante, não é preciso, não tem mais importância. Ela vem com esse risquinho no meio por padrão já.Marked as helpful
@lucas-merino-dev
Posted
Salve Leo! Parabéns por completar esse desafio!
Também senti alguma dificuldade pra trocar as imagens referente ao tamanho da tela, mas a gente dá aquele jeitinho de brasileiro né!
Dei uma olhada no seu site, a única coisa que percebi foi a mudança de imagem um pouco antes do layout do site, resultando em uma foto esticada durante a redução de alguns pixels... Se você der uma olhada no meu código, tem outra maneira de trocar a imagem, achei no Stack Overflow e me serviu perfeitamente!
Espero te ver mais por aqui, logo seremos grandes devs! Abraço!
Marked as helpful
@Leonardo-Marcilino
Posted
@lucas-merino-dev
Valeu mesmo pelo toque Lucas, realizei algumas correções e deixei mais semântico e limpo o código e também utilizei o truque que você falou, deu super certo :D
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
