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

Updated Based On Feedback Tailwind CSS QR Component

P

@quinnstumbles

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?

Changing the project using more dynamic design as opposed to exact pixel

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

I had trouble understanding relative sizing for fonts and spacing but I was able to overcome this by reading article recommended in previous feedback to understand why using rem is preferred and customizing sizes unavailable in the framework.

I was also unable to get prettier to work for a while due to being very unfamiliar with the tool. I read the documentation and when that didn't work, I watch the video published by tailwind and was able to realize my mistake. I did not have it as my formatter nor did I have format on save enable in VS Code. I also was not familiar with the CLI commands. I was able to learn both and it is now working.

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

I still struggle with html tag selection and accessibility. I am really not sure how to make the page more accessible and using only alt text for images seem very limited.

Community feedback

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