Skip to content
Submitted over 3 years ago

QR code component with HTML and CSS

accessibility
Patrick Cuentas Mariano•260
@PatrickCuentas
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Please do not forget to leave me your feedback by taking a look at the code and if you did not understand something let me know as it is always good to be improving.

Thank you very much ❤

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Nícolas Gabriel•140
    @Nick-Gabe

    Awesome implementation and good semantic, congrats! But I would suggest to define a max-width in the .container, because for some screen sizes below 1024px like 1000px, it stays at 89% of the screen because of the content:

     ​.​container​ { 
 ​  ​padding​:​ ​1​rem​ ​1​rem​ ​2.6​rem​ ​1​rem​;
   // max-width: ...
 ​}
 
 ​.​content​ { 
 ​  ​width​:​ ​89​%​; 
 ​  ​margin​:​ ​0​ auto; 
 ​}

    Cheers✨

  • Shantanu Dutta•30
    @nlern

    Awesome solution with near identical measures and 0 accessibility issues! Well done!!

  • MH•10
    @MH3Web

    Nice work. How did you get the correct measures?

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