Design comparison
SolutionDesign
Solution retrospective
Constructive feedbacks are always be my guest π
Community feedback
- @fazzaamiarsoPosted over 2 years ago
Hello Aman! Nice work!
I have some improvements on your code.
- On accessibility, you can make your alt text clearer by changing
<img src={Star} alt="icon" />
to<img src={Star} alt="star" />
- You can place
const arr=[1,2,3,4,5]
above the component as it doesn't depends on any state or props. This ensures React to not re-creating the array every render.
I hope it helps! Cheers!
Marked as helpful0 - On accessibility, you can make your alt text clearer by changing
- @Kamasah-DicksonPosted over 2 years ago
Great job there but.
-
Your solution is a bit small as compared to the actual design. The texts too are also small.
-
You can reduce the card's background color's opacity to mach the designs.
-
Try to fix the accessibility issues reported as well.
-
You can add a transition to the final rating section when a user clicks the button.
Besides good job thereπ Have a nice day and a happy codingππ»
Marked as helpful0 -
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