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

Initial Starter QR Challenge

@sankalpsingha

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 did you find difficult while building the project? As mentioned, this was my first project using the Tailwind CSS framework, so I had to learn how to use it effectively while building the project. Specifically, I found it a bit challenging to get used to the utility-based approach of Tailwind, where styles are applied using classes rather than separate CSS files. Additionally, I had to learn some new syntax for responsive design, like using breakpoint classes to specify different styles at different screen sizes. Overall, the learning curve for Tailwind was a bit steep, but once I got the hang of it, it was a very efficient way to build a responsive design.

Which areas of your code are you unsure of? I'm generally pretty confident in the quality of my code, but I always strive to improve and learn more. In this case, I might want to take a closer look at the way I structured my HTML and CSS to make sure I'm following best practices and avoiding any anti-patterns. I might also want to review my code to make sure it's optimized for performance, since that's always a concern with web development.

Do you have any questions about best practices? One area that I'm particularly interested in is how closely I followed best practices in terms of the design. I tried to make the design as close to the mockup as possible, but I'm always looking to improve my eye for design and make sure that my designs are not just functional, but also visually appealing. I would love to get feedback on how well I achieved that goal, and any tips on how I can improve my design skills in the future. Additionally, I always strive to follow best practices in terms of accessibility and user experience, so if there are any specific areas where I could improve in those regards, I would love to hear about them.

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