@azhar1038
Posted
Hi Krishna, Nice work!
I have few suggestions:
- Try to use radio button to create the ratings instead of using span as it can cause accessibility issues.
- When the width of screen is around 700px, the component gets squeezed and then expands around 600px
- Background of star icon on top left becomes orange upon hovering thus hiding the star
Hope it helps :)
Marked as helpful
@krishna-cyber
Posted
@azhar1038 Hope you'll be fine there, I checked my solution again and actually, I got it responsive ness for mobile and desktop view only...and thanks a lot, you watched out my code and giving suggestions that makes me improve and optimized code.... can you explain clearly how to use radio button instead of using span tag
@krishna-cyber
Posted
@azhar1038 hover issue fixed on star icon
@krishna-cyber
Posted
@azhar1038 can you please check out my code now👌👌
@azhar1038
Posted
@krishna-cyber I checked it again and star issue is fixed but still the component is getting squeezed around 700px causing overlapping of ratings.
You can use <input type='radio'>
for ratings.
You may check my solution: https://azhar1038.github.io/frontend/interactive-rating-component/