QR code component with HTML and CSS
Design comparison
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 ❤
Community feedback
- @Nick-GabePosted almost 3 years ago
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: 1rem 1rem 2.6rem 1rem; // max-width: ... } .content { width: 89%; margin: 0 auto; }
Cheers✨
1@PatrickCuentasPosted almost 3 years ago@Nick-Gabe Thanks for the info I'll take a look at it 😉
0 - @nlernPosted almost 3 years ago
Awesome solution with near identical measures and 0 accessibility issues! Well done!!
0 - @MH3WebPosted almost 3 years ago
Nice work. How did you get the correct measures?
0@PatrickCuentasPosted almost 3 years ago@MH3Web Checkout the extension PerfectPixel by WellDoneCode (pixel perfect)
0
Please log in to post a comment
Log in with GitHubJoin 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