Semantic HTML, CSS Flexbox and Media-Query
Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Bruno Afonso, tudo bem? Parabéns pelo desafio!
O seu desafio ficou mto bom, eu só tenho uma ressalva em relação ao jeito que vc importou a imagem usando CSS, não seria o melhor jeito por causa do SEO. Uma melhor alternativa é usar a tag
<picture>
para simplificar seu código e segurar as duas imagens dentro do html. Usando essa tag, você nem precisará demedia query
para mudar de uma imagem para outra dependendo do dispositivo (mobile ou desktop), basta configurar tudo dentro do html.Caso você ainda não conheça essa tag, aqui na documentação explica certinho como configurá-la: https://www.w3schools.com/tags/tag_picture.asp
👋 Espero ter ajudado e continue no foco!
Marked as helpful1
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