Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am most proud of building the modern design provided by Frontend Mentor, and I would differently do the css attributes for the design.

What challenges did you encounter, and how did you overcome them?

I had difficulty at working with git on syncing my repository changes when working on this project, I think I need to learn more about it. I overcome by adding a new branch with the modified archives and deleting the previous main branch.

What specific areas of your project would you like help with?

I would like help with how to organize the HTML tags to get a more beautyful design and help with knowing more tags to use and CSS attributes to use when coding.

Community feedback

@Manisha3196

Posted

I think instead of px for margin try rem's maybe it will help in more in adjusting the margin and padding. It really helped me. I think you don't need another div tag for text because its a simple qr-code with text using different HTML tags that you can access it directly and you dont need to specially put it in grid or flexbox to style the text but its just my opinion.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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