QR Code Component

Solution retrospective
Accepting comments and criticism for self-improvement. Thanks
Please log in to post a comment
Log in with GitHubCommunity feedback
- @mayankdrvr
Congratulations Aedan for completing this challenge. Your design matches the solution very well.
Here are a few observations-
- Below 300px width of screen, the text and card gets partially hidden, the text does not wrap and the image does not resize. Maybe, you can make it more responsive by setting the maximum width of card to be upto 100% of width of its parent container. See if using this CSS property in image styling can make the image more responsive-
max-width: 100%;
- Avoid using <div> element in html file and use semantic html elements throughout the code for better web accessibility.
Awesome solution and keep it up.
- Below 300px width of screen, the text and card gets partially hidden, the text does not wrap and the image does not resize. Maybe, you can make it more responsive by setting the maximum width of card to be upto 100% of width of its parent container. See if using this CSS property in image styling can make the image more responsive-
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