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 card

@neew18

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


Please take a look at my code and leave some feedback.

Community feedback

Muhammadh 1,140

@Mr-jaw

Posted

Hello

Here are some tips that could improve the code

HTML 📄

  • Since the rating buttons are a kind of input. rather using a link (<a> tag) you can use <input type="radio">. This will help screen readers identify this as input.

CSS 🎨

  • give your .rating-container a width of 34em to make it look close to the desing provided.

Oher than that Your solution looks perfect

I hope this was useful 😊

KEEP GRINDING

Marked as helpful

0

@neew18

Posted

@Mr-jaw Hi I just saw your comment. Thanks for the advice. I will fix them. I need to study input radio again cos I have never used like in this kind.

0

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