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 scan basic

Lidusan 80

@Lidusan

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?

Next time, I would focus more on the initial planning and design phase. I realized halfway through the project that my initial wireframes were not detailed enough, which led to some redesigns and additional coding. Additionally, I would like to improve my testing process. I relied heavily on manual testing, which was time-consuming and prone to errors. Incorporating automated testing from the beginning would have made the development process more efficient and the application more robust. Moving forward, I’m learning more about tools like Jest and Cypress to integrate automated testing into my workflow

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

The result was a much more manageable and scalable application. The bugs related to state management were resolved, and the performance improved significantly. This experience taught me the importance of selecting the right tools for the job and reinforced my ability to quickly learn and apply new technologies. It also highlighted the value of effective communication and teamwork in overcoming technical challenges.

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

work with flex and grid more helpful thing as a beginner like me . please provide some useful tactics and ideas to complete because some of the things made think some difficultly .

Community feedback

knebula 40

@knebula

Posted

i would update your file names to to prevent confusion and compatibility issues with browsers, style.css instead of index4.css and just index.html for your main page. Also adding the property and value "text-align: center;" to your container class would get you closer to the challenge example. I struggle with flex and grid as well but i will provide you with links to games that have been helpful to me. https://cssgridgarden.com/ and https://flexboxfroggy.com/

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