Design comparison
Solution retrospective
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
Community feedback
- @pRicard0Posted about 1 year ago
Algumas dicas HTML
- Utilize a tag
<em>
ao invés da tag span com a classe "price" ( Já expliquei o motivo em um projeto mais recente ). - Utilize a tag
<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 helpful0 - Utilize a tag
- @lucas-merino-devPosted about 1 year ago
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 helpful0@Leonardo-MarcilinoPosted about 1 year ago@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
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
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