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

Reponsive qr page from HTML and CSS only

@aliyabatoolalvi

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


Why qrimage is not displayed here?

Community feedback

@kaiser-sb

Posted

Hi Aliya,

Congratulations on completing your first project here! Just a few things I think you can include or explore -

  • The QR Code image is there in the images folder (in the zip folder they provided) which you can include in your HTML and style it accordingly.
  • You can save your styles in different CSS file and link it with the index.html file.
  • You have mentioned the font correctly but haven't linked the Google font with your HTML and that's why it's falling back to sans-serif.

Thanks and happy coding!

1

@aliyabatoolalvi

Posted

@kaiser-sb 1- I have used that image but it's not shown. 2- Styles were not that large so I used it inside tag. 3. Done Thank you.

1

@kaiser-sb

Posted

@aliyabatoolalvi

You have included the img tag but the image itself is not in the repo. Just include the image in your repo and replace your img tag code as

<img src="/image-qr-code.png" alt="QR Code of Frontend Mentor">

and you'll be good to go. If you are keeping the image in separate folder named "images", then use

<img src="./images/image-qr-code.png" alt="QR Code of Frontend Mentor">.

Thanks!

Marked as helpful

0

@aliyabatoolalvi

Posted

All done, I appreciate @kaiser-sb

1

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