Submitted about 2 years ago

QR Code challenge using VueJS & vanilla CSS

vue

Shaneel Kumar•90

@Vyonyx

A solution to the QR code component challenge

Preview Code

Solution retrospective

It was a bit difficult judging the card component's width and font size for the card title. Do you see any inconsistencies between the design and my solution?

My process:

I began by designing within a 375px width window and estimated the width of the card based on the amount of gap to the edges when referencing the mobile design image.
I adjusted the title font size until the words per line were exactly the same as the mobile design image.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Shaneel Kumar's solution.

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