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

Submitted

Frontend Mentor | QR code component

@roshanprasad007

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 just do it within 5 minutes.

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

No challenges were encountered while I coded this component.

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

Making a composite center is a confusing part for everyone. but this component shows beginners how to do it.

Community feedback

@jjdavenport

Posted

Nice solution, works well on desktop and mobile , HTML is simple and readable. The CSS is overly complex and could be simplified to improve the solution and all units could be changed from absoute to relative like this: *{ font-size: 1rem; }

The Design is just slighly too large aswell as the h1 font size, although the layout and placing in the center of the page is spot on.

Well done.

0

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