Submitted over 1 year ago

QR code component

Christopher Tonkov• 20

@izkurten

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi. After deploying the page, I saw that I can't really see the QR code. I was wondering and I could do the href of the <a> tag to be a link, then it will be visible. But, upon further pondering, every website I go to, of course I don't have the pictures stored on my computer. So, in theory it should open, but it doesn't. If you have a tip for that, please let me know how to show the QR code.

Community feedback

Erik Aakre• 230

@eaakre

Posted over 1 year ago

I had to look through your Github. The github-pages for this site brings me to the folder and a 404 error, but I found that this is your live link for the qr-component:

https://izkurten.github.io/Frontend-Mentor-QR-Challenge/qr-code-component-main/index.html

Maybe update the 'Live Link' on here to this url instead?

Looking at the actual page though, it looks great! Well done!

Marked as helpful

Christopher Tonkov• 20

@izkurten

Posted over 1 year ago

@eaakre Hello. Yes, apparently.. After the problem with the picture, I tried to manually remove the files, because I figured out I had added them to the repository, but instead of adding images/QR-image.jpeg, I removed the folder and added just the image. Therefore, when the source for the <img> is /images/QR-image.jpeg of course it won't open it. So tried to fix it by removing the files and just adding the whole folder with all the info. I will look into figuring out Github more an maybe then continue with the challenges. Thank you for taking the time to give me some feedback, Erik!

Christopher Tonkov• 20

@izkurten

Posted over 1 year ago

@izkurten I think it's fine now when I used the URL you proposed. Thanks, dude!

Erik Aakre• 230

@eaakre

Posted over 1 year ago

When I download the starter files for each project here, I notice there is an extra folder that contains another folder with all the starting files. I only keep that last folder that includes the images, designs, index.html, etc...otherwise when you put those files on Github, that extra folder will be included. Then, the site won't actually show up because there isn't an 'index.html' file in the main folder.

Also, it looks like you are manually uploading each file onto Github. Here is a link on how to connect your Github to VS Code. If you have a different editor, you can probably do something similar. It will save you some time

https://www.youtube.com/watch?v=shP-3p-2m6g

Christopher Tonkov• 20

@izkurten

Posted over 1 year ago

Also, when I look at the github URL, it's in the same format as the assignment. It's just that the QR doesn't load and shows the alt="" info. While here, it's totally upside down with the text on the top. why..

Please log in to post a comment

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