QR code component using HTML and CSS

Solution retrospective
I’d appreciate any quick CSS feedback — I struggled a bit with getting the sizing to match the design.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @thisisharsh7
Hey! Great job on the solution — it looks clean and well-structured 👏 For the sizing part, here are a few quick notes that might help:
The overall layout looks good, but the padding inside the card might be a bit more than the original design — try reducing it slightly
(maybe padding: 1rem instead of 16px)
to match the mockup more closely.The font size for the title
(22px)
seems close, but you might want to double-check the line-height and spacing — sometimes subtle tweaks likeline-height: 1.3
can bring it closer to the design.The card image border radius looks accurate
(nice touch with 10px!)
, and using%
for image width is perfect for responsiveness.Overall, really solid work — just a few spacing tweaks away from pixel-perfect 👍
Marked as helpful - P@dionysia-lemonaki
This comment was deleted 19 days ago
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