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 component

@Roveri91

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


I founded difficult all the js part; as i don`t have a lot of coding experience i was usure about if was the right way to code.

Community feedback

@MasonBoom

Posted

Hi Simone!

your project seems to function perfectly as intended. however, I can't actually view your code because the github link you provided is for your product review card component and not for this challenge.

also, <img> tags should always have an alt attribute in case an image fails to load on a user's browser. The purpose of alt is to describe an image if the user can't see it

for example, you could do<img src="images/icon-star.svg" alt="small star image">

I also noticed that the rating buttons on your page were oval shaped instead of round. you can correct this by doing the following styles:

width: 50px height: 50px border-radius: 50%

Marked as helpful

0

@Roveri91

Posted

Hi @MasonBoom, Thank you for your comment and sorry for provide you the wrong link.

I just fixed all the issues that you reported, so please feel free to inspect my project again. Cheers.

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