Not Found
Request path contains unescaped characters
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 page with html and css

@Rexbrainz

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


Hello Please inspect and leave me your corrections. I so much appreciate them. Thank you.

Community feedback

@Julio-Freitas

Posted

Then, i have suggestions for you. feel free not if you want not apply this, ok =D.

A think that you can use html form with input radio in you project instead tag link. for exemple:

<form> <input type="radio" name="values" value="1"> <input type="radio" name="values" value="2"> <input type="radio" name="values" value="3"> <input type="radio" name="values" value="4"> <input type="radio" name="values" value="5"> <input type="submit" value="Submit"> </fom>

follow the link about semantic:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

you can wrapper your section in onde tag <main /> too

another suggestion would be you mark wich choice the user did with different color when the click happens.

Excuse-me my wrongs of write. I'm learn english yet.

Good look. =D

2

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