Skip to content
Submitted almost 2 years ago

QR code component using HTML and CSS

David Tawiah•20
@tawiahnyt
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

Community feedback

  • Gabriel Morandi de Mello•450
    @gabrielmorandiPosted almost 2 years ago

    Hi @tawiah007👋, welcome to the Frontend Mentor Community!

    I have some suggestions you might consider to improve your code:

    • First your code has repeated lines (right at the top of the page).

    • Try to put a width in px of your .code, so that the screen size does not interfere with the size of your qr-code-component, making it more accessible, making it centered on the screen and with the same size.

    • Use the <main> tag to define the main content within the <body> in your document or application instead of using <div class="code"> to improve site accessibility.

    • Use <footer> instead of <div class="attribution">. The <footer> element contains authorship information.

    Finally I saw that in your code you used @media screen to make your site responsive, but you didn't style it, let's fix that?! Good job, and happy coding! 😄

    Marked as helpful
    0
    David Tawiah•20
    @tawiahnytPosted almost 2 years ago

    @gabrielmorandi Thank you very much

    1

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