Skip to content
Submitted almost 2 years ago

QR code card

Nayara Freitas•40
@NayaraFreitas
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Se alguem poder me dar dicas de como melhorar , o meu html e css, ficarei muito agradecida.

Community feedback

  • Ahmed Mahrous•980
    @AhmedMahroussPosted almost 2 years ago

    good jop my bro Congrats on completing your challenge!🎊🍻If you have any questions or need further clarification, feel free to reach out to me. Happy Coding! 🎆🎊

    Marked as helpful
    1
  • Octávio Garcia•550
    @oc-garciaPosted almost 2 years ago

    Boa noite Nayara, tudo bem?

    Acho que para melhorar esse projeto você deveria usar tags de landmark como por exemplo header, main e footer. Por exemplo. Esse é o seu código.

    Eu colocaria a section do container dentro de uma tag main. E a div final dentro de uma tag footer.

    Outro ponto que acho que pode melhorar é usar o css para formatar tudo em vez de fazer isso pelo HTML utilizando a tag <br> por exemplo!

    Mas muito bom, parabéns e bons estudos.

    `

    <body> <main> <section class="container"> 
    <div class="card"> 

  <img src="./images/image-qr-code.png" alt="QR">

    <div class="description">

      <p class="p1">Improve your front-end <br> skills by building projects</p> 

      <p class="p2"> Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>

    </div>

</div>
    </section>

    </ main>

    <footer> <div class="attribution"> 
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 

Coded by <a href="https://github.com/NayaraFreitas">Nayara Freitas</a>.
    </div> </footer> </body> `
    Marked as helpful
    1
    Nayara Freitas•40
    @NayaraFreitasPosted almost 2 years ago

    @oc-garcia Muito obrigada por ter tomado um tempo me orientado, muito obrigada mesmo.

    0

Please log in to post a comment

Log in with GitHub

Join 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