All comments

• 

  Rafael Marques•90

  @rafaelmarquesRM

  Submitted over 2 years ago

  

  Responsive QR Code Component Main

  1

  30
  

  Vitor Magnago•130

  @VitorMagnago

  Posted over 2 years ago

  Olá Rafael, tudo bem? Ainda estou iniciante, mas acho que posso te ajudar. Vi que você fez duas estruturas HTML, uma para cada versão, não tem necessidade, a estrutura é única, depois dentro do arquivo CSS você vai adequar essa estrutura para cada uma das versões.

  • O problema da mudança de imagem entre as versão você pode utilizar a tag <picture> com ela você consegue especificar qual imagem irá ser utilizado determinado layout. Nesse site você consegue aprender muita coisa sobre imagens responsivas, https://web.dev/learn/design/picture-element/

  • Quando utiliza media queries dentro dela você só coloca as regras que irão ser diferentes, ou seja, específica para o determinado layout, o que é comum entre eles você deixa fora mesmo.

  0

  Marked as helpful