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 using Tailwind CSS

King 310

@king-oldmate

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


How much easier are these when you use a CSS framework?

Community feedback

@shashreesamuel

Posted

Good job completing this challenge

Keep up the good work

Your solution looks great however I have some feedback

  • The card is missing a subtle box-shadow using box-shadow

  • The card description is supposed to wrap after the word "to", you can achieve this by having some padding on the right using padding-right.

Lets talk about your accessibility issues

  • Document should have one main landmark, this is caused by the document unable to identify the main content of the document hence simply wrap all the tags between your body element within the semantic main tag which will indicate that a main content exists. This should resolve the rest of accessibility issues

Cheers

Marked as helpful

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