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

@dashaunn

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


Hello, frontend mentor community. Does anyone have any tips to simplify my HTML or CSS? I feel like I typed more CSS than I needed to get things working. Centering the words accurately in the card component was a challenge. I ended up tinkering with the padding until I matched the design.

Please leave me tips if you have any. Thank you! :)

Community feedback

_nehal💎 6,710

@NehalSahu8055

Posted

Hello Coder 👋.

Congratulations on successfully completing the challenge! 🎉

Few suggestions regarding design.

  • Every site must have one h1 element describing the main content of the page.

  • So, Add a level-one heading and headings should always be in sequential order

  • <h1>Improve you frontend skills by building projects</h1>

  • For non-decorative images give meaningful and descriptive alt like alt= "QR code to frontend mentor website".

I hope you find this helpful.

Happy coding😄

Marked as helpful

0

@dashaunn

Posted

@NehalSahu8055 thank you for your suggestions! ❤️ I appreciate your help, I'm revising my code now.

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