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

Interactive Rating with Reactjs and ContextApi

#react
rebecca‱ 60

@rebeccaaaaaaaaaaa

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
ClĂ©ment Creusat‱ 1,675

@ccreusat

Posted

Hello ! Glad you submitted this challenge!!

Some things you could improve:

  • size of the component is too small (should be 412px max on desktop screens)
  • using position:absolute to center your app is not good practice, check out : link
  • you can use box-sizing: border-box; on your .card to not calculate padding/margin/border > it will change the CSS box model from standard to alternative. image
  • if you don't have access to the design files, you can add the images provided by Frontend Mentor in a tool like Figma and take a screenshot of your work to put it above to compare and adjust your work

Hope this will help :)

Marked as helpful

1

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