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 component - A perfect first challenge if you're new to HTML an

@beveroni

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

hitmorecode 6,230

@hitmorecode

Posted

Congratulations well done. A few tips

  • You don't need to add width: 100vw to the body, you can remove this because this is preventing the card to be in the center of the page.
  • Add a margin-bottom: 30px on the card to create a space between card and footer.

This is a design wise tip.

  • For coming challenges try to get as close as possible to the given design. You are missing border-radius on the qr code and the gap between the image and card is too big. Make it a bit smaller, just like in the design.

Marked as helpful

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