Designing QR Code Component Using Tailwindcss
Design comparison
Solution retrospective
Since it is basic and relatively simple, there is not much difficulty in dealing with it except for positioning the card in the center.
What challenges did you encounter, and how did you overcome them?adjusting the card center horizontally and vertically
What specific areas of your project would you like help with?I am waiting for your feedback, thanks in advance
Community feedback
- @JamesN-devPosted 4 months ago
Not bad ! Your html is perfect and your CSS is very close. Your CSS template has a lot of options. I feel like using it for this simple design might have contributed unnecessary complexity. Is it possible that tweaking all of those classes and making sure your inheritances don't mess with each other caused your title text to not match your sub text? Trying to go through the Tailwind CSS template to see what went wrong with your top and bottom padding was difficult.
Other than those couple tweaks it looks pretty good!
Edit: i just looked at your site and its much more spot on! I was commenting only on your screenshot. Looks like you fixed it in your live site. Nevermind my comment then. Nice work. Update your screenshot is the only thing i could offer
1
Please log in to post a comment
Log in with GitHub
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