Skip to content
Submitted over 3 years ago

Responsive QR Scanner challenge solution.

cyrus yamir•90
@cyrusyamir
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)
Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Md. Saadman Galib Rabbi•140
    @saadman-galib

    Your design is quite good but something could be better than the previous one. Your QR card is not perfectly centered vertically and you can use the hover effect in the image.

  • J•1,020
    @jrmy-dev

    Hi! Well done!

    If this can help, I have a suggestion:

    • Fix accessibility issues: to do so, change your <h3> to <h1>. For the landmark issue, change <section class="mian-container"> to <main>.
    • Fix HTML issue: change <img class="qr-code" src="images\image-qr-code.png" alt="image crash"> to <img class="qr-code" src="images/image-qr-code.png" alt="image crash">, don't use backslash in src.

    If you have any questions feel free to ask, I'll try my best to help and answer! 🙂

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