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

Responsive interactive rating Card

wolfgunbloodβ€’ 160

@wolfgunblood

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


Any Comments regarding the App ??

Community feedback

Ferβ€’ 3,970

@fernandolapaz

Posted

Hi πŸ‘‹, this may interest you:

The main thing about this challenge is that we have a group of interactive elements where users are expected to enter data (their rating), to be sent. Therefore, the most appropriate would be to use a <form> (whose inputs should be 'radio buttons' <input type='radio'> so that it is only possible to select one option).

Please let me know if you want more info on this topic.

I hope it’s useful : )

Regards,

Marked as helpful

0

@Maurog-rgba

Posted

Hello, congratulations on completing the challenge!

I just wanted to give you a quick tip that was also shared with me regarding the height of your container. Instead of using height: 100vh, you can set it to min-height: 100vh to accommodate different devices. This way, your container will adjust its height to fit the viewport.

I hope this suggestion helps. Good luck in your next projects!

Marked as helpful

0

wolfgunbloodβ€’ 160

@wolfgunblood

Posted

@nseimeunick Thank You. Your comment is 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