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

QR Code

newtaves 20

@newtaves

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Buchi 160

@B-uchi

Posted

Congratulations @newtaves on completing your first challenge. Here are a few things i noticed:

  • Your container component is not exactly centered. I would recommend adding height: 100vh; width: 100%; display: flex to your body styling to center the container.
  • You didn't make use of the font provided in the style-guide.md file
  • You should also change the width of the .container to max-width: 300px to ensure a responsive look on smaller devices. Finally, I didn't see the need to specify height: 540px

Cheers and happy coding

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