Design comparison
SolutionDesign
Solution retrospective
Desafio finalizado com sucesso, aceito sugestão de melhorias... ;)
Community feedback
- @danielmrz-devPosted 9 months ago
Fala @JuCanavans!
Seu projeto está ótimo!
Eu tenho uma sugestão:
- Ao invés de usar a imagem como background de uma
<div>
vazia, você pode usar a tag<picture>
quando tiver diferentes versões da mesma imagem 🖼. Usar a tag<picture>
ajudará a carregar a imagem correta para o dispositivo do usuário, economizando largura de banda e melhorando o desempenho. Exemplo:
<picture> <source media="(max-width: 460px)" srcset="{caminho da imagem aqui}"> <img src="{caminho da imagem aqui}" alt="{texto alternativo aqui}"> </picture>
Espero que isso ajude!
Fora isso, excelente trabalho!
Marked as helpful1 - Ao invés de usar a imagem como background de uma
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