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

Built using vanilla JS and creating HTML elements inside the JS

@vladius9512

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • Are the colors as close as possible to the design? Is there a better way for the radiant gradient to be as close to the design as possible? I felt like the photos inside the design were maybe low resolutions and I couldn't get the same colors. I even used a color picker on some of the parts, but in the end, I used the colors inside the style guide.
  • I think that the numbers inside the circles are not really in the middle. What might fix this? Tried text-align, display: inline-flex, and other things.

Community feedback

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