Submitted 3 months ago

QR code component

Adrián Hernández• 10

@jadrianh

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I think I made a good start with this project. My principal focus now is learn about the front end. All of this work was done with my knowledge at the time.

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

My principal challenge was the CSS, I'm really practicing that part, but it was really difficult to make the QR component the most identical to the reference was tough.

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

None in particular.

Community feedback

Juan Pablo Davalos• 190

@jpdavalos423

Posted 3 months ago

Hey Adrian! Your project looks great and good work on getting started. Here's a few of my suggestions for the future:

Pay attention to the sizes and positioning of various elements and compare your design to the original. The size of the card can reduced a bit and can also be adjusted vertically on the page.
Take note of the colors and font weights used. The color and positioning of the bottom text can still be adjusted a bit.

Overall great work and good luck on your future projects! If you have any more questions feel free to reach out.

Marked as helpful

Please log in to post a comment

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