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

Responsive QR code component, html & css

Bayu 40

@DuloeW

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

Sj 120

@SJ-74

Posted

Great job on completing the challenge. Few things I want to point out:

  • The background color of body is different compared to the design. (Color codes are provided in style-guide.md file).
  • Giving some shadow to the card.
  • Padding inside the card is more compared to the design.
  • Instead of the generic div tag, try using semantic html tags.
  • Avoid giving a fixed height and width. You should use max-width and calc for such operations.
  • Should use relative units instead of px for size.
0

Bayu 40

@DuloeW

Posted

@SJ-74 thanks

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