Skip to content
Submitted over 3 years ago

QR code component - HTML & CSS

parcel, sass/scss, bem
P
Darrick Fauvel•490
@DarrickFauvel
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I am most proud that I got the solution to be an identical replication of the original design.

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

I did not want to use px unit font sizing, so I tried implementing relative font sizing using rem units. The results are accurate to the design.

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

I would like feedback on making it more responsive for larger screens and introducing some animation effects.

Code

Please log in to post a comment

Log in

Community feedback

  • Kacper Kwinta•1,405
    @kacperkwinta

    Hi :)

    Looks nice

    If you want to fix these accessibility issues, create <main> element and wrap all other into this 👍

    Marked as helpful
  • Web Wizard•5,690
    @rsrclab

    Hi, @DarrickFauvel ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    The only thing I like to recommend is to add max-width: 100% on card element, so that it won't goes over screen width on smaller devices.

    Cheers ~

    Marked as helpful

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