
Design comparison
Solution retrospective
I would love feedback
Community feedback
- @Mahnoor366880Posted 10 days ago
Hey Asia, Your project is already looking great! Just a few small refinements will make it match the required results perfectly.
- Card Border Radius: The required result has slightly more rounded corners. You can adjust it using:
.card { border-radius: 15px; /* Increase this if needed */ }
- QR Code Size & Alignment: The QR code should be a bit smaller and centered properly. Try adjusting its width:
.qr-code img { width: 90%; /* Reduce the size slightly / display: block; margin: 0 auto; / Ensure it's centered */ }
- Font Styling & Spacing: The heading should be bold, and the paragraph should have proper spacing. Modify it like this:
.card h1 { font-weight: 700; /* Make the heading bold / } .card p { line-height: 1.5; / Improve readability */ }
These small tweaks will bring your project even closer to the required results. You're doing an amazing job—just a little fine-tuning left! Keep going! 🚀❤️
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