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

Interactive Rating Component

@Peteksi95

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


This was my first Frontend Mentor project with JS involving so im very eager to hear what to do better and more efficiently on that but as always all feedback is greatly appreciated, thank you!

Community feedback

Divine Obeten 2,435

@Deevyn9

Posted

Hi Petri, Congrats on completing this project, all the functionalities are working perfectly. However, you'll want to have a look at the media query, from 376px and above have a max-width of 30%, this is making the container too slim and the elements are overflowing on certain screen sizes. Try using a more responsive width or work with more media queries to make the container more responsive.

I hope you find this helpful.

Happy coding! 🎉

Marked as helpful

0

@Peteksi95

Posted

@Deevyn9 Hi Divine, i admit i was mostly focused on the JavaScript part so i didn't pay enough attention to the styling but your right i need to get the hang on the responsive side. Thank you for your feedback!

1
Divine Obeten 2,435

@Deevyn9

Posted

@Peteksi95 Glad I could help Petri. 🙏🏾

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