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(frontend-mentor)

@A-r-g-h-a-j-i-t

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

SIDA 190

@GSida015

Posted

Hello! 👋🏻

I've reviewed your code and I have some advice for you:

1.The card size is larger than it is on the template... width should be 320px and height should be 497px.

2.The image size is also larger than it is on the template... it should be both 288px in height and width.

3.The border-radius is too low, make it 15px.

4.The box shadow is also too dark, make it lighter... you can achieve this by changing the color to be much lighter and also reducing the distance that the box-shadow covers to 15px.

5.The paragraph color is incorrect, make it darker (the color is provided in the project file).

6.The padding of the card should be like this: padding: 16px 32px; or if you want to use rem, do it like this: padding: 1rem 2rem;.

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

Good luck in your next projects!

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