QR Code Component 🎯 [ SEMANTIC MARKUP + VANILLA CSS + BEM ]
Design comparison
Solution retrospective
👾 Hello, Frontend Mentor community,
This is my solution for the QR Code Component.
- Semantic Markup for Better Accessibility.
- BEM Naming convention was used to handle CSS.
- Tried my best to build as closer to the design as possible.
- Feel free to leave any feedback and help me to improve my solution (or) make the code clean!
👨🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks
Ill be happy to hear any feedback and advice!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Mar1362
hi, hope you are doing well! I really appreciate the way you did the challenge as well in the design than the way you coded it. I found it clear but i think that in your html code you may use <main> tag instead of <div class="container"> and i don't understant why you put 120vw for your background-size and 880% at the media one. Good continuation!
Marked as helpful - @Dumte
Please take a look at my solution. I want you to suggest to me how to improve on it.
- @ASEM-TOP
Abdul Khalid... you are awesome.!.!.!.!.!.!.!.!.!.!.!.!.!.
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