Design comparison
Solution retrospective
I'm just starting to learn tailwindcss and this small project is definitely a good start to get my feet wet. I have been looking at the docs a lot which helped a lot. I need more practice.
What challenges did you encounter, and how did you overcome them?I initially struggled with setting a fixed width for the overall card component containing the QR code and the two texts. I eventually came up with a solution (I'm not sure if it's the right one) by setting a maximum width for the card component. I have also been referring to the Figma design to help me identify the style, but I also had trouble figuring out the measurements needed for padding and the like. I ended up just guessing the measurements. Please let me know if there is a way to get the measurements from the provided figma files or if that is a paid feature.
Community feedback
- @NickyRakPosted 2 months ago
Is it accessible, and what improvements could be made? I really want to see how you code this component, but it seems that it's unavailable. Anyway, the final result looks fine and similar to the solution challenge.
0
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