Skip to content
Submitted about 1 year ago

QR Code component using margins and flexbox

CristianoAAA•30
@CristianoAAA
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'm really proud i figured out what i was going wrong in the preovious projects, but i would start from the top to bottom in the next projects.

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

I encountered challenges with the text, but i figured going a little bit of the rules doesn't matter so I went of the style guide to make the text look the same as the image in the solution. I encountered some trouble with the margins, but with a little bit of patience it got resolved. Also at inserting the image i got an unknown error, but after some digging i discovered it was a mistype.

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

I would like some help at how to insert images that when i deploy the website with vercel, the image still apear on the site, and not just desapear .

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

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

    Hi @CristianoAAA,

    I think as you have defined image source as images/image-qr-code.png in the HTML file, so, what you can do is, create a folder with name as images then add the qr code image to the folder with the name image-qr-code.png and then drop the images folder into the github repository of this project. This should resolve the issue of image not showing.

    Nice Work !

    Hope it is helpful !

    Happy Coding !

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