Skip to content
Submitted almost 3 years ago

QR code component

accessibility
Rosalia•90
@RosaliaLey
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Lucas 👾•104,160
    @correlucas

    Hello Rosalia, congratulations for your solution!

    Everything seems really perfect, your solution is the one more accurate in comparison to the design files, ever. I can see that you paid attention to the details. The only thing you can change to match the reference image is give a little bit of padding-inline to the paragraph.

    In addition you can switch between width: 20em; to max-width:20em; to allow your container to shrink in smaller screens, the property width is a fixed value, so give preference to use max-width in flex containers.

    I hope it helps you and happy coding!

    Marked as helpful
  • Adam M•550
    @AdamMzkr

    Really nice solution even better than mine;D congratulations :) No issue pixel perfect Good Job!

  • P
    Debjit Biswas•50
    @debjit

    I really like your solutions. It's pixel-perfect and responsive. Very good work.

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