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 - CSS Grid and Flexbox

@omerome83

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


I am still struggling with the responsive page portion, but I think I was able to accomplish the javascript. If anyone has any advice about best practices or suggestions, I am open!

Community feedback

@pradeeps4ini

Posted

Hey, Romel. You've done a great job implementing the design.

I think, your mobile and desktop designs are interchanged. You should either change the (min-width) in media query to (max-width) or change the container widths from 20 to 22em in media query and 22em to 20em in the normal mode.

Marked as helpful

1

@omerome83

Posted

@pradeeps4ini Thank you very much! I will implement your suggestions!

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