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

grid, flex, custom properties, utility classes & vanilla JavaScript

P
Katrien S 1,070

@graficdoctor

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


My JavaScript looks a bit messy, but it works. So I'm happy for that.

What I didn't really solve it my text being a bit off center in the button and on the circle-background. Would this be something I would solve with flexbox? Or is it a typography-issue that has to do with how fonts are given their space?

I somehow also lost my :hover and :active-state in the mobile preview. How could I solve this?

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