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

@BikramThapa0803

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 am proud of that i am able to do that. and next time i'll make it more better.

What challenges did you encounter, and how did you overcome them?

background color but i make it

What specific areas of your project would you like help with?

where i wrong and what should i do about it.

Community feedback

SIDA 190

@GSida015

Posted

Hello👋🏻!!!

I reviewed your code and there is A LOT to go through!!!

I can view your code in inspect element, but I don't have time, so I'll just guide you!!!

1.The width and height are correct in this screenshot, but when I go to the website, it's just ughh... So, I can't access your code because you didn't provide the correct link. But make sure that the width is equal to 320px and the height is 497px. You can adjust it by padding as well, with 16px or 1rem on top/bottom and 32px or 2rem if you are doing the project with rem!

2.The image of the QR code isnt right!!! Both width and height should be 288px, and the border radius should be 15px.

3.Text gap should be 16px. You can do it with margin-top on the paragraph or by using display flex on .headers. Also, the main text should be lighter!

4.You should follow the template! Your colors aren't right; the background should be a different color, as well as the paragraph and main text!

Also, next time use the repository URL for us to view your code!

I hope this helped you! I would appreciate it if you marked this as helpful.

Marked as helpful

0

@BikramThapa0803

Posted

@GSida015 ok thanks

0
SIDA 190

@GSida015

Posted

I would appreciate if you mark comment helpful it would help me alot @BikramThapa0803

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