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

Responsive mobile first design using flexbox

@hriteek

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hi Hriteek Bista!

Regarding the functionality I would recommend not allowing the user to click SUBMIT if nothing has been selected instead of letting it default to 0.

On the other hand, it is not necessary to give max-width to the <div class="container"> since it would only be centered horizontally for values less than 1200px. Also <div class="container"> change that div to main and you won't get any more errors in the report when you update since there should always be a main which is the tag that contains the main content of the page.

1

@hriteek

Posted

@Sdann26 Thanks for the solution.

1

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