Submitted 3 months ago

Interactive rating component

coder-abdo• 280

@coder-abdo

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Adding accessibility and semantic HTML5 is what I am most proud of. I can submit another solution using React and tailwindcss.

What challenges did you encounter, and how did you overcome them?

there are no tough challenges that I face in this challenge but I have a little challenge which is adding an active state and removing from other children I searched a lot and finally, I found the solution in the poe.com.

What specific areas of your project would you like help with?

I think I covered the most areas in that challenge, so I can't think of any places where I need help.

Community feedback

KrishnaPoddar1• 400

@KrishnaPoddar1

Posted 3 months ago

Hey @coder-abdo . I went through your solution and i think you can Improve the accessibility by using <section> instead of <div>. Along with that i think it will be better to add the relative path to your files rather than absolute one's Eg:

Marked as helpful

coder-abdo• 280

@coder-abdo

Posted 3 months ago

@KrishnaPoddar1 thanks for your comment I tested my solution using Lighthouse in Google Chrome and it gives me 100% accessibility so it is not a significant impact changing div to section and I used relative path

Please log in to post a comment

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