Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Designing QR Code Component Using Tailwindcss

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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-dev

Posted

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
Discord logo

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