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 responsive

Aaryan119 120

@Aaryan119

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 want to like to ask the community that if i can improve something in this please send your feedback it would be greatly appreciated!

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Aaryan119!

Your project looks great and works well!

I just have a few suggestions for you to improve it:

  • Consider adding a hover effect to the numbers as well as cursor: pointer to indicate that they are clickable.

  • Take a look at the style-guide file to check what is the recommended font-family for the project.

  • Wrap the main content inside a main tag. This makes your HTML more semantic. Using Div is not wrong, but they don't have semantic value.

  • The color of the card is not a solid color, it's a gradient. You can create one by doing this: background-image: linear-gradient(to bottom, color1, color2);.

I hope it helps!

Other than those little details, you did a great job!

1

Aaryan119 120

@Aaryan119

Posted

@danielmrz-dev hey thanks for the feedback I look into it thanks for giving feedback greatly appreciated 👍

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