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

-_RIkka 140

@devsimocastles

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


It was easy, but I feel I can do it better, any recomendation?

pd: I don't know why the qr code looks broken in the design preview, works well in live url

Community feedback

@M0hamedF

Posted

Hi RIkka Greed job 🎉 I will suggest

  • adding <main></main> as a container to your card and attribution.
  • Removing unnecessary space to keep it clean
  • You can center the card with display: grid; place-items: center; instead of justify-items: center; align-items: center; Keep the good work 👍

Marked as helpful

1

-_RIkka 140

@devsimocastles

Posted

@M0hamedF Thank you!

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