Skip to content
Submitted over 1 year ago

QR Code Component for Mobile and Desktop using flex grid

Edper•40
@edper
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?

Just trying to start with Frontend Mentor and see how it works and how I could improve my coding.

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

The images from Figma is not downloadable so I have to do a screen shot for the QR code.

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

Nothing so far unless I would get feedback and could not find a solution.

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @edper !

    I think when you had downloaded the starter project folder then in that folder in "images" folder you can find a clear image of QR Code.

    Inside <main> you have two <div>. It is not required as you can use main as selector.

    You can use object-fit: cover; for QR Code image.

    You can refer to my solution for QR Code Component. It may be helpful !

    Happy Coding !

    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