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

HTML and Vanilla CSS

ManPPβ€’ 70

@WhitezerD

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


Updated the solution with the correct path

Community feedback

shiva kumarβ€’ 310

@shivakumar-ui-max

Posted

Instead of giving full path of image , just give image folder path. πŸ”₯.. Mind it images folder , html , css and designs all should be one folder. Then the image will display see below πŸ‘‡ example. #. <Img src=" ./folder name / file name" alt="file name"> Example: <Img src="./images/QR code picture. Jpeg alt="QR code picture" >

πŸ”₯.. follow the semantic rules, go and check semantic rules in any browser. πŸ”₯... Every page contains one h1 tag. πŸ”₯.... Use main tag to reduce accessibility issues.

πŸ‘ I hope u understand what I I'm saying.

........... πŸ”₯ Keep doing , good job.

Marked as helpful

0

@MelvinAguilar

Posted

Hi @WhitezerD πŸ‘‹, good job completing this challenge, and welcome to the Frontend Mentor Community! πŸŽ‰

Here are some suggestions you might consider:

  • You can use relative file paths in your images, this can save future errors in your images:
<img src="./images/image-qr-code.png" alt="your_alt_text" class="qr">
  • Update the path of the styles to:
<link rel="stylesheet" href="./app.css">

More information.

I hope those tips will help you.

Good job, and happy coding!

Marked as helpful

0

ManPPβ€’ 70

@WhitezerD

Posted

@MelvinAguilar Thanks a lot. Although the page on the live url in github still don't show up correctly even i modified the path. Seems like i have to do a lot of research in github furthermore.

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