Design comparison
Solution retrospective
Me orgulho de saber mexer com responsividade, com certeza, não faria nada de diferente! 😄
What challenges did you encounter, and how did you overcome them?NO início, não sabia como iria fazer para mudar de uma imagem para outra apenas com CSS, mas depois de um bom tempo pensando, consegui resolver o problema!
What specific areas of your project would you like help with?Nenhuma.
Community feedback
- @Edu-213Posted 7 months ago
Você poderia usar a tag <picture> juntamente com a tag <source> para fornecer várias versões de uma imagem com diferentes resoluções ou formatos, e assim não precisa usar o atributo display:none em nenhuma delas. Aqui está um exemplo:
' <picture> <source media="(max-width: 600px)" srcset="imagem-pequena.jpg"> <img src="imagem-grande.jpg" alt="Descrição da imagem"> </picture>'
0
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