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

Solución al componente de código QR

@dieherram

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?

Working with pure CSS always presents challenges, but doing so allows me to improve with each project. I am particularly proud of having achieved a design true to the original, using only HTML and CSS without any frameworks or libraries. In the future, I would like to tackle the same challenge using a framework or library like React or Bootstrap to compare the results and improve my efficiency.

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

It was challenging to stick to the provided mobile design guide. I tried to respect the spacing and proportions based solely on the .jpg files that accompanied the challenge. To overcome this, I used browser inspection tools to measure and adjust the elements precisely, ensuring the final design matched the provided visual guides as closely as possible.

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

I would like to receive guidance on commonly used responsive measurement units. What are the best practices for applying them efficiently across different devices and screen sizes? I would appreciate advice on how to achieve a truly responsive design using units like rem, em, vh, vw, and percentages, as well as when it is most appropriate to use each one.

Community feedback

@ericabarros21

Posted

Tive uma certa facilidade para concluir, mas não ficou perfeito ou igual o desafio pediu. Tenho muito a aprender ainda.

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