Design comparison
Solution retrospective
I don't know why my style is not reflecting on the site
Community feedback
- @correlucasPosted about 2 years ago
๐พHello Salaudeen , congratulations for your new solution!
To make your component card has the style and sizing of the challenge you need to use the proper sizes, for example, the h1 size is 24px and the paragraph 15px. The container size is
max-width: 320px
with thepadding: 16px
to space the card / qrcode image.You can use a extension in
Google Chrome
calledpixel perfect
to make the image jpeg overlay your html solution and make the adjustments to have the output with 100% of accuracy.โ๏ธ I hope this helps you and happy coding!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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