Skip to content
Submitted over 2 years ago

QR code component design using Tailwind CSS

Sridarshanā€¢60
@sridarshan-webjava
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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
    @shashreesamuelPosted 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
    0
    Sridarshanā€¢60
    @sridarshan-webjavaPosted 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

    0

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