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 Interactive Rating Component with Flexbox

@duncan91-ops

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 open to any Improvement Suggestions.

Community feedback

@Divasraj1

Posted

I too submitted just now and your's is looking more accurate then mine. Good work 👍. I will also get there and your code is also clean . I can learn from that.

1

@duncan91-ops

Posted

@Divasraj1 Thanks a lot. Check out the solution by @nakoyawilson. I think that's even more accurate.

0
Nakoya Wilson 1,530

@nakoyawilson

Posted

@duncan91-ops Thanks Duncan. I used the Figma file for this challenge but when I don't have access to the Figma file I use the PixelParallel browser extension for Chrome and/or the Pixel Perfect Pro browser extension for Firefox.

Marked as helpful

1

@duncan91-ops

Posted

@nakoyawilson Thanks for the information. Will definitely try it out. I liked your radial gradient solution to the problem. :)

0
Nakoya Wilson 1,530

@nakoyawilson

Posted

@duncan91-ops The radial gradient was from the Figma file. I definitely would not have thought to use one without it.

0

@duncan91-ops

Posted

@nakoyawilson Well, now I get it. Thanks.

0

@Divasraj1

Posted

@duncan91-ops sure, thanks.

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