Frontend Mentor - Interactive rating component solution
Design comparison
Solution retrospective
Hello guys š, my name is Divine and this is my solution to the Interactive rating component challenge on Frontend Mentor.
š Built with
- āļø Semantic HTML5 markup
- āļø CSS custom properties
- āļø Flexbox
- āļø CSS Grid
- āļø Mobile-first workflow
- āļø BEM Methodology
- āļø Javascript DOM API
- āļø Javascript formData API
šØāš» What I learned
- āļø Javascript DOM API
- āļø Javascript formData API
This is my first Javascript project š, and I learned a lot from it. I do hope, you take some time to give some feedback, I'd appreciate it. Thanks.
Community feedback
- @edwinc73Posted 3 months ago
Nicely done. You could try adding some padding on the numbers so they appear centered.
When i view it with the mobile inspection, the width of the card doesnt change and actually overflows horizontally. To prevent this you could use media queries to change the width of the card respectively.
Another thing is that the radio inputs can not be accessed by keyboard
lastly the button should be orange with /black or darker text as the contrast is low for orange/white
0@DivineUgorjiPosted 3 months ago@edwinc73 Thank you for your suggestions, I'd take them into account and implement them in the project. I appreciate your input.
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