Product preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Fala Lucas, tudo bem? Parabéns pelo desafio!

  O seu componente está perfeito, mas se você quiser melhorar ainda mais, você pode usar a tag semanticas pra substituir a as divs, for exemplo a div principal com main e <picture> para foto de modo a simplificar seu código e segurar as duas imagens dentro do html. Usando essa tag, você nem precisará de media 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 helpful

  1

  ---

  

  Lucas Fernando•760

  @lucasfernandodevPosted over 2 years ago

  @correlucas Thanks a lot for the tip, I didn't know about the <picture> tag.

  0