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

Ibraheem 10

@IbraheemSaburdheen

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

@loganbriggs08

Posted

Looks incredible best one i have seen so far however you might want to try adding a shadow to the card to make it look even closer to the original one by frontendmentor, This is really easy to do and will make your solution look even closer to the original provided this can be easily done with a little bit of css using something like this simple one liner:

"shadow": "3px solid black"

anyways enjoy :^)

Marked as helpful

1
Elijah-05 30

@Elijah-05

Posted

Congratulation for finishing the first challenge. You did really did it!

  • There is uncommon usage of html image element attribute value <img src="images\image-qr-code.png" alt="QR Image"> change the back slash \ to for slash /
  • and also try to start the image path like <img src="./images/image-qr-code.png" alt="QR Image">
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