Design comparison
Community feedback
- @GSida015Posted 6 months ago
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 be497px
.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 GitHubJoin 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