The way how it turned out
What challenges did you encounter, and how did you overcome them?I could not use and centre the flex box, so I tried the grid as an alternative.
What specific areas of your project would you like help with?Any other alternative ways to create the same component? I can't figure out why the image shows broken in GitHub live page link.
It seems the issue with the image not showing up is the the path:
In index.html:
<img src="images/image-qr-code.png" alt="QR Code" width="280" height="280">
It should be :
<img src="Images/image-qr-code.png" alt="QR Code" width="280" height="280">
since the name of the correspondant folder is 'Images' with a capital I
Its my second project.
What challenges did you encounter, and how did you overcome them?git commands... I uploaded many documents. Double, actually, and I'm wondering how? My image isn't loading; I don't know how.
What specific areas of your project would you like help with?Anything, including comments and criticisms, all welcomed.
Hi, it seems there is an issue with accessing the QR code image in the index.html.
It should be:
<img src="assets/image-qr-code.png" class="qr" alt="image-of-QRcode">
or
<img src="./assets/image-qr-code.png" class="qr" alt="image-of-QRcode">
Instead of:
<img src="/assets/image-qr-code.png" class="qr" alt="image-of-QRcode">
It seems Github Pages didn't detect the index.html file, and instead is showing the content of the README file of the project. The index file should be moved to the root of the directory so Github Pages can detect it and deploy it instead.
How it works with API
This is fantastic! I absolutely love how you added your own twist to it with the background image and the choice of colors! The only remark I can find is to make the die button be more visible and interactive, add a pointer to it or make its color change on hover. Otherwise this is already very beautiful!
