Design comparison
Community feedback
- @ErwiniaDevPosted 10 days ago
Hi! I'd better warn you, I'm just a beginner and I don't know Next.js, so my feedback may not all be relevant...
Congratulations on your challenge, it's quite similar to the model. However, here are a few comments I can make:
-
I think it's best to avoid using “main” directly to build your card, but rather to add a dedicated container (section for example).
-
I think that the "learning" tag is not a button/link.
-
You can bold the title of the card, as well as the author's name.
-
According to the Figma file, you have a gap of 12px between the picture and the author name.
5)The card's shadow should be very dense, on both the right and bottom faces.
-
When I made the challenge, I put a padding in the card so that it would be the same everywhere. I think the space at the top of your card, separating the top-border and the image, is larger than the space at the sides.
-
The border-radius for the image of the card is 10px, not 20px I think.
As for the rest, I don't dare say too much for fear of talking nonsense. I hope these few comments will help you a little anyway.
All the best!
0 -
- @bilalpirzadaPosted 11 days ago
Great work! but you have the potential to make it 100% match
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