Skip to content
Submitted over 2 years ago

Interactive Rating Component v3

DSoluk•120
@dsoluk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Resubmitting after feedback from @grace-snow where I was able to get the form and fieldset as per Grace. And, worked on responsiveness, although suspect I need more work here.

I ran responsive tests using BrowserStack (https://www.browserstack.com/responsive) and all looked OK except Windows 7 and OS X (Yosemite). Likely due to flip card code I have included.

Time to move onto another challenge. So great to have feedback as you really learn from the Pros and get better, instead of making same mistakes over and over. Thanks all!!

Community feedback

  • Danilo Blas•6,300
    @Sdann26Posted over 2 years ago

    Hi DSoluk!

    Just a few small details that I think you missed before.

    The submit button give it border: none.

    If you can make javascript so that you can't click the submit button and you can't choose multiple options.

    Finally when the card rotates you can see the text behind the card and I think you had made that not happen.

    Just those corrections, and lastly you can update your solution by going to the challenge, in the top corner it says Visit Challenge Hub and then click on Update Solution and there you update.

    Good luck!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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