Frontend Mentor | QR Code Component for Mobile and Desktop using flex grid coding challenge solution

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.

Community feedback

Harsh Kumar Dwivedi• 740

@Harsh-Kumar-Dwivedi

Posted 6 months ago

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

Edper• 40

@edper

Posted 6 months ago

@Harsh-Kumar-Dwivedi

Thanks. I was looking at the figma download and it was not there. Then I checked on the main download and it's there. Thanks for pointing it out. As for the extra <div> I think you are right on that. I only have <div> initially without <main> and since the feedback requires, thus just putting it up there. I also just saw the style guide. So, I will try to redo this one. Thanks for the help.

Harsh Kumar Dwivedi• 740

@Harsh-Kumar-Dwivedi

Posted 6 months ago

@edper

You're welcome !

Happy Coding !

QR Code Component for Mobile and Desktop using flex grid

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community