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

Responsive QR Code using TailwindCSS

@JulianJ96

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?

I'm most proud that I could use the little tailwind that I know to get this project done. A lot of using the documentation and googling helped me out. Something that I would change differently is making sure my files are not in the root directory of the file so everything is loading properly.

What challenges did you encounter, and how did you overcome them?

One of the challenges I encountered was making sure that I was using the right classes in tailwind while looking at the Figma files to ensure I was doing everything correctly. Another challenge I had is that when I initially used tailwind, none of mt CSS was loading so I had to make sure my files were out of the folders they were in and in the root directory of the repository. My image was also acting weird on GitHub pages and I still am not sure how that got resolved to be honest.

What specific areas of your project would you like help with?

How do I get more comfortable using tailwind so that I'm not always looking at the documentation for help? Is it just more practice?

Community feedback

Raif 20

@raif-chy-0

Posted

pretty good

0

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