Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code component using margins and flexbox

@CristianoAAA

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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 .

Community feedback

@Harsh-Kumar-Dwivedi

Posted

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 !

0

Please log in to post a comment

Log in with GitHub
Discord logo

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