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

Used flexbox and dataset

Derp 170

@DDeerrpp

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


Found it hard to get the radial gradient of the box component right and the position of the child elements of the box.

Still unsure whether the component box gradient and spacing between the child elements is correct. For the submit button when viewed on mobile viewport, there's a white or grey outline that randomly appears which I'm not sure what it is.

Are there more efficient ways of centering text in divs? Additonally is there anything I should do to the component box radial gradient to make it look more accurate as it looks a little off?

Community feedback

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