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

QR Code Component using Tailwind CSS

Jason Vergaraā€¢ 80

@JasonRavager

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?

It closely resembles the design that was given, and I've also included the attribution below. This is also the first time I used Vercel App to deploy a webpage.

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

Placing the attribution proved to be quite the challenge. I wanted to stick it at the very bottom of the page. However, when I adjusted the screen size vertically, the attribution overlaps with the QR Code. In the end, I decided to place it below the QR Code statically.

I needed to tweak the directory to show the style and the images in Vercel, although there is no problem in my localhost.

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

It would really be helpful to provide a detailed instruction on the deployment phase.

Community feedback

@DavidCasanova83

Posted

Very nice, I hop you will enjoy to use tailwindCSS again and continue some projects on Frontend Mentor ;)

Marked as helpful

0

Jason Vergaraā€¢ 80

@JasonRavager

Posted

@DavidCasanova83 Thank you... I was previously using Bootstrap, but I am finding Tailwind to be more versatile.

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