Submitted over 2 years ago

QR code component design using Tailwind CSS

Sridarshan• 60

@sridarshan-webjava

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey guys! This is my solution for the QR code component challenge. I have used Tailwind CSS instead of custom CSS or CSS frameworks. Also, I have included certain animations and interactions on top of the existing design. This is the first time I'm working with tailwind CSS and if there are any suggestions concerning the CSS or the overall design do let me know.

Thanks

Community feedback

Shashree Samuel• 9,260

@shashreesamuel

Posted over 2 years ago

Hey I think that you need to generate a screenshot by clicking the red button with the text "Generate Screenshot" in order for your solution to be reviewed against the design

I hope this helps

Cheers Happy coding 👍

Marked as helpful

Sridarshan• 60

@sridarshan-webjava

Posted over 2 years ago

@TheCoderGuru Thanks for your feedback. However I'm unable to get the screenshot uploaded even after clicking on the "Generate Screenshot" button. Seems to be a strange issue.

Edit: The screenshot view now works. Just pushed my index.html file to the root folder because some host platforms expect /index.html to be the path (mentioned on netlify). Not sure if that was the actual solution but thank you for pointing it out

Please log in to post a comment

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