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

Slick rating's card with dynamic result using JavaScript toggles

Vinson 90

@cryptovinzon

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Christ-Kevin

Posted

Hey @cryptovinzon,

congrats for uploading this nice solution. I appreciate how you hide a part of the index document and I think screen-readers are also not able to read this second part of the index.html untill the rating is submitted. Once the user submitted his rating, he is also able to reload the web page and submit his rating one more time ;) The suggestion that I have is that you should try to use semantic elements like "header", "main", "article", "aside" or "footer" and you should reduce the use of "div" tags in your html file. The use of semantic elements would improve the accessibility, the readability and the concistency of your web page. Check out this Webpage for more infos(https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i).

I really hope it helps

Happy coding :)

Christ

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