Submitted 15 days ago

responsive QR code component using flex box

Emmanuel Quarshie Agblego• 40

@Emmanuel-Q

Preview site View code

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 am proud of the fact that i am able to use flex box to position the component in the middle of the page.

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

The challenging aspect was how to get the component to look the same as the design since there design doesn't give the details of the dimensions used.

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

I will need help with the proper alignment of items

Community feedback

Kwabena Boakye• 470

@Kingkobi01

Posted 15 days ago

Hi Emmanuel. Congratulations on your completion of the QR code component challenge. Your work looks like you know what you're doing. 🎉🎉🎉

I see that your challenge is how to get the proper dimensions. The solution to that is to use the Figma or sketch files. The QR card challenge is one of the few challenges that gives you a free Figma file. You can get the dimensions in that file.

I hope this helps you.

Emmanuel Quarshie Agblego• 40

@Emmanuel-Q

Posted 15 days ago

@Kingkobi01 Hello Kwabena, Thank you so much for taking your time to review my work.

I think I will just do what you said and get the Figma files to get the accurate dimensions for the design. This has been 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