Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
1

Vitor Magnago

@VitorMagnagoVitória-ES / Brasil130 points

Olá, me chamo Vitor e tenho pretensão em fazer transição de carreira para Desenvolvedor Front End com 35 anos de idade.

Latest solutions

  • Product Preview Card using Tailwind 🍃

    #tailwind-css

    Vitor Magnago•130
    Submitted over 2 years ago

    0 comments
  • QR Code Component using Tailwind Framework

    #tailwind-css

    Vitor Magnago•130
    Submitted over 2 years ago

    0 comments
  • Basic HTML and CSS


    Vitor Magnago•130
    Submitted over 2 years ago

    0 comments
  • Basic HTML/CSS


    Vitor Magnago•130
    Submitted over 2 years ago

    0 comments
  • Basic CSS and HTML


    Vitor Magnago•130
    Submitted over 2 years ago

    1 comment
  • Huddle Landing Page / Basic HTML|CSS


    Vitor Magnago•130
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Rafael Marques•90
    @rafaelmarquesRM
    Submitted over 2 years ago

    Responsive QR Code Component Main

    1
    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.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub